首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

请问一个li中的对齐有关问题

2012-03-21 
请教一个li中的对齐问题ul 用css定义的希望达到的效果是,每个li中包含两个部分,所有li中的右边部分都能对

请教一个li中的对齐问题
ul 用css定义的
希望达到的效果是,每个li中包含两个部分,所有li中的右边部分都能对齐。
现在是在CSS中将li左侧的部分加上了width,这样当左右两部分都是一行的时候显示正常。
但是当左侧部分超过width折成两行以后,显示就乱了。
下一个li并没有换行,而是在上一个li右侧的下方显示。

请教应如何设置css,可以让每个li都单独占一样,或者是让一个li中的左右两部分使用相同的高度。

[解决办法]
因为使用了 float 导致元素脱离了标准流, 有些L2会上窜。 每个li中加: clear:both;

里面的内容如果是 inline的, 可以避免使用 float, 用 display:inline-block 去代替 ,用 text-align 去左飘右飘
[解决办法]
完全同意用clear:both;来解决类似问题!
[解决办法]
建议你可以改用比如DIV嵌套或者是DL+DT+DD的方式,因为你现在的需求是一行是一组。下一组又是新的一行。DIV嵌套或DL+DT+DD都是一组一组的。可以满足你的需求

用上边说的clear的方法来解决也行吧。只是又浮动又要清浮动,你要保持清醒才行啊。呵呵

热点排行