父元素：
height:100px;
line-height:100px; // 與高相同
text-align:center;
子元素:
display:inline;
vertical-align: middle;

適用圖片、文字

<div><div class="wrapper"><span>我是文字</span></div><div class="wrapper2"><div>我是文字</div></div></div> .wrapper {height: 200px;width: 200px;background-color: antiquewhite;line-height: 200px; } .wrapper2 {height: 200px;width: 200px;background-color: antiquewhite;line-height: 200px;div{height: 20px;width: 20px;} }

總結

以上是生活随笔為你收集整理的内联元素居中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。