51问答网 > css样式怎样设置 <ul><⼀ul>标签中li内容居中左对齐？

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

2024-11-25 16:27:17

推荐回答（5个）

回答1：

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

内容1

内容2

内容3

回答2：

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

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

回答3：

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

同理，如果要文字居中，li里面的对齐方式设置成center就行了。图片的话也可以用margin。
如果想让块分散后又不贴边，把ul宽设置成80%或其他比例，margin设置auto就行了。

回答4：

用word-break试试看

回答5：

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