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

不需要改用padding，直接在li里面加多一个display:inline即可，改成下面这样

.prdlist li{

margin:16px

width:300px

float:left

display:inline

}

你的代码错了~~

<li><a title='福州长乐机场候机室' href='ProductsView.asp?id=301' target='_self'><img src=UploadFile/2012_4_22_26821_16533.jpg /><a></li>

<li><a title='莆田悦莱旗舰店' href='ProductsView.asp?id=303' target='_self'><img src=UploadFile/2012_4_22_47766_16916.jpg /><a></li>

<li><a title='福建华电可门港储运有限公司' href='ProductsView.asp?id=304' target='_self'><img src=UploadFile/2012_4_22_96181_15942.jpg /><a></li>

<li><a title='长乐枫华休闲农庄' href='ProductsView.asp?id=313' target='_self'><img src=UploadFile/2012_4_22_35029_195931.jpg /><a></li>

<a></li>

</li>前面的这个a是要用闭合的写法才行，改成</a>

只要消除<ul>元素的内边距的上边距即可，例如

ul{ padding:0 20px} /*设置ul元素上下内边距为0，左右内边距20px*/

示例如下：

创建Html元素

<ul>

<li>itemlist 1</li>

<li>itemlist 2</li>

<li>itemlist 3</li>

</ul

设置css样式

ul{width:100pxpadding:0 20pxborder:4px solid #bebceb

观察显示效果