如何使用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，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/275718.html
標籤：其他
上一篇：Vue 中的 mixin,component,render,hoc
下一篇：前端開發面試題 — css篇