Question

css样式怎样设置 <ul></ul>标签中li内容居中左对齐？

Answer 1

居中:text-align:center;( 而默认就是左对齐的)，
再设置：text-align:left;
代码如下：
.box｛text-align:center；text-align:left｝

<ul class=“box”>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul>

Answer 2

额。。。你到底是想居中还是左对齐？
居中就直接用text-align:center; 而默认就是左对齐的，顶多是设置text-align:left;

如果你想要的效果是内容偏中间一点，那你就在li上加padding-left控制位置

追问

中的内容有不一样的长度，用text-align:center;设置的时候，样式很是难看，怎样设置样式先居中，居中的基础上左侧对齐？

追答

按照我的逻辑思维来看你的这个想法，我认为是完全矛盾的，因为内容长度不同的情况下，左对齐后从视觉感上看是怎么样都看着不会像是居中的，长度不同的左对齐，居中的效果肯定是以最长内容为基准的，也就是说，你只要把最长内容设为居中就行，但是内容如果是一直在变化的，你也不清楚到底能有多长，那么直接设置居中样式肯定是不行的，综合各方面的考虑，最有效的方法就是你只需要加padding:0 30px; 左右内边距来达到效果，

追问

这个方法倒是可以，可是在火狐上显示就和其他浏览器不同了啊

追答

你爱怎么怎么样吧，上班时间搞得烦死了

Answer 3

整体居中，元素分散对齐，文字左对齐是吧？
第一步：父元素设定宽度（没有宽度就没有所谓的居中），然后用margin：auto；设置成水平居中；
第二步：子元素用代码display：inline-block;设成块，父元素用这个代码： text-align-last: justify;意思是组分散对齐。
第三步：然后对里面的内容用text-align-last:left;设置左对齐，就可以达到你想要的效果。
例如：
<ul style=" text-align-last: justify;width:50%;margin:auto;">

<li style="text-align-last:left;display:inline-block;">aa</li>
<li style="text-align-last:left;display:inline-block;">aa</li>
</ul>
同理，如果要文字居中，li里面的对齐方式设置成center就行了。图片的话也可以用margin。
如果想让块分散后又不贴边，把ul宽设置成80%或其他比例，margin设置auto就行了。

Answer 4

用word-break试试看

Answer 5

你是指看起来文字间距一样，而li横向排列？

追问

是的，该怎么设置样式呢

追答

内容1内容2内容3

.ulbox li{padding:0 10px; float:left;}

这样？