首頁猿問 Html5/css初級教程

Html5/css初級教程

Html/CSS

Shen0016 2016-01-11 15:13:56

初級教程里面課程15-3還請各位幫忙解答。class 為 wrap 的 div 水平居中顯示（要注意是這個 div元素居中，而不是里面的文本居中?。?。

查看完整描述

7 回答

echo_kinchao

TA貢獻600條經(jīng)驗獲得超86個贊

那你直接下text-align:center就可以文字劇中了

1 反對回復(fù) 2016-01-12

xdlumia

TA貢獻15條經(jīng)驗獲得超6個贊

你的div 是長寬高嗎？如果有的話。

1就用絕對定位。

wrap{position:relative}

div{position:absolute; left:0;right:0; top:0; bottom:0; margin:auto； width:200px; height:200px;}

沒有的話。div{display：table-tell; verticle-align:middle;}但是這個不能浮動。用了float就不起作用了。

1 反對回復(fù) 2016-01-12

vernal

TA貢獻1條經(jīng)驗獲得超1個贊

給寬高，然后 margin: 0 auto;

1 反對回復(fù) 2016-01-11

qq_DJJ_0

TA貢獻1條經(jīng)驗獲得超0個贊

.wrap { width:100px; height:100px; display:table-cell; vertical-align:middle;? border:1px solid #CCC; text-align:center;}

反對回復(fù) 2016-01-11

Shen0016

TA貢獻1條經(jīng)驗獲得超0個贊

這個我明白，文本居中。

里面說的div元素居中如何解決？

反對回復(fù) 2016-01-11

關(guān)注