我正在创建一个新的网站,我需要知道一些东西(将与示例显示)。
假设这是我做的:
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元素都水平和垂直居中呢?在中间的条形元素中?
任何帮助都将被评估为:)
发布于 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 */
...
}
发布于 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
https://stackoverflow.com/questions/8187275
复制相似问题