css如何设定实现li中内容底部对齐？ 你这个问题怎么解决的？

html-css08

css如何设定实现li中内容底部对齐？ 你这个问题怎么解决的？,第1张

你说的应该是底部居中对其吧？如果是这样的话除非是能够确定ul的宽度，用margin：0 auto。如果不能确定那就别用ul li标签。因为li是需要float:left；才能在同一行显示的，用了这个属性在用text-align：center就不起作用了。或者是给li添加一个display：inline-bolck；然后给ul加上一个text-align:center；当然，个人还是不建议这样用的，最好是不要用li

居中: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>