div+css如何让超过屏幕宽度的时候不换行？

td{overflow-x :auto; width:10px;float:left;margin:0 10px 0 10px} 基本语法 overflow-x : visible | auto | hidden | scroll 语法取值 visible : 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值，对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效 a...

#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 : 总是显示横向滚动条2011-01-22

给你的#content固定个宽度，可以容纳下三个div的宽度，然后加个overflow:hidden;你#title没有做漂浮，同样级别的框架，你其他两个#tr的做了漂浮了，还有你#td做了漂浮了，#title里面的text-align:center;等于作废了，没必要再加这个了2011-01-24

固定div宽度，不要用100%这类相对单位，或者用white-spacing: nowrap; 就是不换行的意思。再就是每一个页面的ID是唯一的，你这写法很容易出问题。2011-01-22

给行或列加上固定宽度，超出时就会自动换行了。2011-01-28

<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>

是要这样吗?2011-01-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:#0002017-12-20

mengvlog 阅读 7 次 更新于 2025-06-20 01:06:52 我来答关注问题 0

6 个回答檬味博客专题活动

Td或Div文字超出宽度的CSS
首先，设置overflow: hidden; 以隐藏超出的部分。其次，使用text-overflow:ellipsis; 显示省略号。还要记得white-space:nowrap; 保持文本不换行。特别需要注意的是，这些设置只在设置了容器宽度，并且对表格（或其他容器）设置了table-layout:fixed; 时才起作用。这是因为table-layout:fixed; ...
如何让div的大小占满整个屏幕
1、首先使用HTML编辑器sublime_text，点击进入。2、开始写代码之前，先去查一下css中什么可以控制div的大小。3、知道怎么控制div盒子大小了，开始写代码，先写3个div盒子，然后分别控制它们的大小，分别给盒子取名字d1,d2,d3。4、分别给div设置不同的大小，为了方便区分给它们加上不同的颜色，详细的...
div css布局网页如何实现网页自动适应屏幕高度和宽度
网页的宽度可以通过百分比设定，它会根据屏幕宽度的百分比来确定大小。设置宽度百分比时，首先需要将body的宽度设为100%，这是百分比宽度的参考对象。例如，如果希望将容器的宽度设置为屏幕宽度的50%，则body的宽度应设为100%。实现一屏分为两栏显示，可以使用两个DIV。假设两个DIV的宽度均为50%，则它们...
div+css如何让超过屏幕宽度的时候不换行
把外面那个div宽度设置比屏幕大就行了，这样浏览器会出现滚动条，如果不想浏览器出现滚动条，给div属性overflow:scroll;或者overflow:hidden;根据自己需求给
div+css如何让超过屏幕宽度的时候不换行?
语法取值 visible : 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值，对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效 auto : 在必需时对象内容才会被裁切或显示横向滚动条 hidden : 不显示超过对象尺寸的内容 scroll : 总是显示横向滚动条 ...

其他CSS类似问题

檬味博客在线解答立即免费咨询

div+css如何让超过屏幕宽度的时候不换行？

其他CSS类似问题

CSS相关话题