垂直底部对齐与显示底图

feng199 2009-07-01 04:32:27



#LeftNavigation {}

#LeftNavigation ul { list-style :none; margin :5px 0px 0px 0px;}

#LeftNavigation ul li { float :left ; vertical-align :bottom; text-align :center ; height :50px; width :220px;                

                         background-image :url ('Common/Images/leftnavigation.jpg')}

vertical-align :bottom;这里怎么无法垂直底部对齐？
还有背景图无法显示，直接在<div><ul><li style =" background-image :url ('Common/Images/leftnavigation.jpg')">这样就可以显示？不知道为什么？

...全文

249 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

ddcatlee 2009-07-01

打赏
举报

vertical-align属性

适用于：行内元素和单元格（table-cell）元素

liweitao103 2009-07-01

打赏
举报

[Quote=引用 6 楼 liweitao103 的回复:]
加上这个属性就可以了：line-height: 50px;
[/Quote]

不一定是50px，根据你图片的高度而定。50是我随便写的，嘿嘿。。

liweitao103 2009-07-01

打赏
举报

加上这个属性就可以了：line-height: 50px;

feng199 2009-07-01

打赏
举报

晕死，已经可以显示了，原来是路径问题。

还有第一个问题不明白：
1 采用padding-top，可以了，但为什么 vertical-align :bottom;不行？

feng199 2009-07-01

打赏
举报

不留空格也不行啊，刚刚试过

岑子哥 2009-07-01

打赏
举报

background-image:url('bb.gif');
url ()不要留空格

feng199 2009-07-01

打赏
举报

[Quote=引用 1 楼 moskidogu 的回复:]
1 试试看padding-top
2 路径ok么？
[/Quote]
谢谢您！

1 采用padding-top，可以了，但为什么 vertical-align :bottom;不行？

2 直接在 <div> <ul> <li style =" background-image :url ('Common/Images/leftnavigation.jpg')">这样就可以显示，难道在ccs中的路径不一样？