CSS:水平和垂直居中文本？
CSS:水平和垂直居中文本？
提问于 2011-11-19 02:30:56
我正在创建一个新的网站，我需要知道一些东西(将与示例显示)。
假设这是我做的：
html；
<div id="center-in-bar">
<ul>
<li>content..</li>
<li>content..</li>
<li>content..</li>
<li>content..</li>
</div>和css：
#center-in-bar {
list-style:none;
display:inline-block;
/*what to do to make all the li elements centered both horizontal and vertical? in the center-in-bar element*/
}我该怎么做才能让所有的li元素都水平和垂直居中呢？在中间的条形元素中？
任何帮助都将被评估为：)
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-12-12 23:55:57
试试这个CSS代码片段：
#center-in-bar ul {
...
text-align:center; /* center horizontally */
vertical-align:middle; /* center vertically */
...
}
#center-in-bar li {
...
display:inline; /* you might want to use this instead of "inline-block" */
...
text-align:center; /* center horizontally */
vertical-align:middle; /* center vertically */
...
}Stack Overflow用户
发布于 2012-05-25 19:50:12
你应该给line-height和height赋予相同的值。
#center-in-bar li
{
height: 30px
line-height: 30px;
text-align: center;}还可以看看这个：Text align vertical within li
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8187275
复制相关文章
相似问题