中心文本在ul中浮动的li

时间:2010-11-07 12:09:29

标签: html css width parent-child html-lists

我有一个UL,谁的LI正好浮动。我想在UL中居中对齐文本,但我看到如果我没有指定UL的宽度,它会认为它是100%,并且不会使LI居中对齐。
但是,我不能给UL一个特定的宽度,因为LI中的数据是动态的 此外,由于UL的宽度为100%,因此无法将DUL包装在DIV中并为DIV提供text-align:center的规则。
是否只有CSS才能让UL以LI为中心? 具有所述LI的演示页面是here

2 个答案:

答案 0 :(得分:2)

如果你需要lis的动态显式宽度,你可以使用inline-block。

#list { text-align:center; }
#list li { display:inline-block; }

您必须work around for IE

答案 1 :(得分:1)

我找到了very simple solution,在FF和IE中都适用于我