li内元素浮动在ie7产生边距之我解

iteye_8877

于 2012-07-18 09:54:00 发布

阅读量131

点赞数

文章标签： java

本文介绍了一种使用 CSS 解决 ul 和 li 元素浮动及对齐问题的方法，通过添加 *float 和 vertical-align 属性来实现跨浏览器兼容性，并提供了相关 CSS 代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

另附：

ul , li {
		*float:left;				/*--为ul，li添加浮动，单独为其中一个添加的话，都无法消除边距。
		无论浮动与否，对ie6皆没有影响，但其他浏览器将因li浮动而使得各li横向排列，即不再单独占据一行。解决的办法是，用css hack，样式属性前添加*。
		--*/
		vertical-align:middle;		/*--在此博客中看到的解决办法：http://blog.youkuaiyun.com/spring21st/article/details/5834887--*/
	}