欢迎光临
我的个人博客网站

css如何将元素水平居中

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

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

解决方案:

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

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

当然,您不必将设置width50%小于包含宽度的任何宽度<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

 

 



赞(0) 打赏
未经允许不得转载:张拓的天空 » css如何将元素水平居中
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏