關(guān)于使用line-height達(dá)到正向居中效果的疑問
?#tabs?ul{list-style:none;height:30px;line-height:30px;border-bottom:solid?2px?saddlebrown;}
/*主DIV下的UL{消除列表默認(rèn)圓點(diǎn)；高30PX；行距30PX達(dá)到縱向居中效果；下邊框：實(shí)線?2PX?重褐色}*/?
為什么12-15行注釋說line-height能達(dá)到縱向居中效果；這里的ul、li標(biāo)簽的行高為何設(shè)置的跟其自身高度一樣？是因?yàn)檫@樣所以達(dá)到縱向居中的效果的嗎？誰能稍詳細(xì)點(diǎn)給我解釋下嗎，謝謝
2014-11-29
一般在網(wǎng)頁設(shè)計(jì)中，文字的line-height的值和所在父級(jí)元素的值相同的時(shí)候，文字會(huì)居中，想要看詳細(xì)的line-height可以看這里，如果你能完全看完的話。
2014-11-29
? ? line-height呢，你可以理解為每行文字所占的高度。
? ? 比如說，有一行20px大小的文字，如果設(shè)置為line-height:50px，那就是說，這行文字的高度會(huì)占50px。
? ? 顯然，每個(gè)字的大小只有20px，那怎么邊呢？于是呢，瀏覽器就把多出來的30px（50px-20px）在這行文字的上面加上了15px，下面加上了15px。
? ? 這樣的話，那文字就在這50px的空間內(nèi)是居中的了（這個(gè)就是瀏覽器規(guī)定的，它就這個(gè)分配空間）。
? ? 這樣的話，如果你的DIV是50px，那么巧了，正好這行文字也就相對(duì)于DIV居中了。
? ? 所以，這樣一來呢，就有了“把line-height設(shè)置為容器div的高度就能使文字垂直居中”。
以上內(nèi)容摘自百度知道的答案，供后來學(xué)習(xí)者參考