snrg.net
当前位置:首页 >> 如何让li横向排不换行,超出Div部分横向隐藏,而不... >>

如何让li横向排不换行,超出Div部分横向隐藏,而不...

块元素都是可以调整大小的 他们默认占一行 你可以通过float:left;清除浮动使它们并排显示 两个同时加这个属性 也可以想一楼说的 改变其行为样式

设置li浮动就可以了

一种方法,给li标签设置display:inline-block; 第二种方法,设置float:left;

.box{width:500px;height:500px;overflow:hidden;}li{width:100px;height:300px;float:left;background:green;margin:10px;}ul{width:999999px;}

把外部的div变宽不就行了么 要是要求外面不变 就ul定义position:absolute呗 ul里定义的 overflow:hidden; white-space:nowrap; 是干吗用的??超出隐藏li? 想要实现的主要功能说一下 也方便别人帮你解答

cv df df

横向排列需要在CSS中设定一个浮点,属性名为float 设定为Left 或者 Right 这两个有差别 如果是Left 它会往左开始 1 2 3 4 如果是 Right是 往右开始 4 3 2 1 代码可以这么写 lt;style; .LinkUl { float:left; } lt;/style; lt;div ; lt;h3;lt;b;...

因为li是块级元素,默认占一行的,要想实现横向排列,一般通过以下两个方法: float:left 这样设置有一个问题,li浮动以后则脱离了文本流,即不占位置,如果它的父级元素有具体的样式且没有固定宽高,建议父元素清除浮动,或者设置固定宽高 disp...

将li的样式设置成以下例子: display:inline;line-height:24px;height:auto;word-break:break-all;word-wrap : break-word ; 可以修改一下,到适合你的要求。

因为li是块级元素,默认占一行的,要想实现横向排列,一般通过以下两个方法: float:left 这样设置有一个问题,li浮动以后则脱离了文本流,即不占位置,如果它的父级元素有具体的样式且没有固定宽高,建议父元素清除浮动,或者设置固定宽高

网站首页 | 网站地图
All rights reserved Powered by www.snrg.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com