css如何设定实现li中内容底部对齐?

2024-12-27 20:28:15
推荐回答(2个)
回答1:

应该有用到JS的,至少图片截取这里有用到,观察可以看见图片宽度是一定的,还有文字那边应该是统一高度的我猜,下面是我的代码,主要就是li的底部对齐实现,关键代码display:inline-block;vertical-align:bottom;不想兼容,标准浏览器是可以有效果的IE8也可以应该,其实还有很多细节要考虑的,比如标签的选择和组合...因为懒,所以 - -











  • 文字说明文字说明文字说明文字说明



  • 文字说明



  • 文字说明



回答2:

1.简单的静态页面 如果仅仅是几个图片的话就放到一个表格中 然后对其方式 垂直对其 选中底部
2.对于动态网页 也就是图片不固定的 可以吧一个图片和下面的文字放到一个Div中 然后 div的属性设float=left 这样在一个div中就可以很灵活的控制了 对于第二种方法不好调间距 你可以先为div加上边框 然后效果满意了 就把边框去了



CSS实现文字底部对齐