css如何将元素水平居中

如何使用CSS<div>在另一个文件中水平居中<div>？

<div id="outer"> <div id="inner">Foo foo</div></div>

解决方案：

您可以将此CSS应用于内部<div>：

#inner { width: 50%; margin: 0 auto;}

当然，您不必将设置width为50%。小于包含宽度的任何宽度<div>都可以使用。该margin: 0 auto是什么呢实际定心。

如果您以Internet Explorer 8（及更高版本）为目标，最好改用以下方法：

#inner { display: table; margin: 0 auto;}

它将使内部元素水平居中，并且无需设置特定的即可工作width。

这里的工作示例：

 

#inner { display: table; margin: 0 auto; border: 1px solid black;}#outer { border: 1px solid red; width:100%}

<div id="outer"> <div id="inner">Foo foo</div></div>

本文首发于前端黑洞网，博客园同步跟新

它将使内部元素水平居中，并且无需设置特定的即可工作width。

 

它将使内部元素水平居中，并且无需设置特定的即可工作width。

 

它将使内部元素水平居中，并且无需设置特定的即可工作width。

 

它将使内部元素水平居中，并且无需设置特定的即可工作width。

 

 

原文转载：http://www.shaoqun.com/a/684738.html

跨境电商：https://www.ikjzd.com/

bonanza：https://www.ikjzd.com/w/275.html

beien：https://www.ikjzd.com/w/1336

如何使用CSS<div>在另一个文件中水平居中<div>？<divid="outer"><divid="inner">Foofoo</div></div>解决方案：您可以将此CSS应用于内部<div>：#inner{width:50%;margin:0auto;}当然，您不必
虚拟信用卡：https://www.ikjzd.com/w/1055
周宁：https://www.ikjzd.com/w/1647
ebay易趣：https://www.ikjzd.com/w/210
Wish部分退款常见问题解答 ：https://www.ikjzd.com/home/102911
FBA卖家获取外部流量的5个顶级亚马逊Landing Page生成工具！：https://www.ikjzd.com/home/16380
重磅！美国考虑封禁TikTok等中国社交应用，外贸供应链怎样拼出新机遇？：https://www.ikjzd.com/home/125178