div+css如何让超过屏幕宽度的时候不换行?
发布网友
发布时间：2022-04-24 12:06
共6个回答
热心网友
时间：2022-04-20 21:06
#td{overflow-x :auto; width:10px;float:left;margin:0 10px 0 10px}
基本语法
overflow-x : visible | auto | hidden | scroll
语法取值
visible : 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值，
对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效
auto : 在必需时对象内容才会被裁切或显示横向滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示横向滚动条
热心网友
时间：2022-04-20 22:24
给你的#content固定个宽度，可以容纳下三个div的宽度，然后加个overflow:hidden;你#title没有做漂浮，同样级别的框架，你其他两个#tr的做了漂浮了，还有你#td做了漂浮了，#title里面的text-align:center;等于作废了，没必要再加这个了
热心网友
时间：2022-04-20 23:59
固定div宽度，不要用100%这类相对单位，或者用white-spacing: nowrap; 就是不换行的意思。再就是每一个页面的ID是唯一的，你这写法很容易出问题。
热心网友
时间：2022-04-21 01:50
给行或列加上固定宽度，超出时就会自动换行了。
热心网友
时间：2022-04-21 03:58
<html>
<title>
</title>
<head>
<style>
ul
body{ margin:0; padding:0; margin:0 auto;
}
#1 { width:300px;
}
#1 ul li { float:left; text-decoration:none;
}
</style>
</head>
<body>
<div id="1">
<ul>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
<li>第四个</li>
<li>第五个</li>
</ul>
<ul>
<li><a href="#"><img scr="" width:50px height:50px /></a></li>
<li><img scr="" width:50px height:50px /></li>
<li><img scr="" width:50px height:50px /></li>
<li><img scr="" width:50px height:50px /></li>
<li><img scr="" width:50px height:50px /></li>
</ul>
</div>
</body>
</html>
是要这样吗?
热心网友
时间：2022-04-21 06:23
最外层的div.outdiv:样式width: 100%;overflow-x: auto
里面一层div.indiv:样式overflow: visible;white-space: nowrap;
.indiv里面放元素div.item,样式:width: 100px;height: 100px;display: inline-block;margin-right: 25px;background:#000
