<html>
<head>
<style type="text/css">
#row1 { float: left; width:90px; }
#row2 { color: red }
</style>
</head>
<body>
<ul>
<li><h3>div不换行</h3>
<div id="row1">第一个div</div>
<div id="row2">第二个div不换行</div>
</li>
<li><h3>强制不换行,并以省略号结尾</h3>
<div style="width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" >
你好朋友朋友朋友我为什么不能看到效果啊
</div>
</li>
<div><nobr>这个月的电话账单又高得惊人。晚饭后，一家人开起家庭会议。
男人说："简直无法忍受了。大家尽量少打电话，我从来不用家里的电话，我上班时打单位的电话。"
女人说："我也一样，我只用单位的电话。"
儿子说："我也只用公司里的电话。"
女佣说："这到底是怎么了？我也只在上班时打电话。"<nobr></div>
<li><h3>div不换行用nowrap元素</h3>
<div nowrap>中学时物理老师上课讲摩擦生电说：我们冬天的时候脱毛衣。毛衣都会嚓嚓响。还有电光。但是夏天就不会这样。为什么呢？ 后面的男生：因为夏天不穿毛衣</div>
</body>
</html>
<head>
<style type="text/css">
#row1 { float: left; width:90px; }
#row2 { color: red }
</style>
</head>
<body>
<ul>
<li><h3>div不换行</h3>
<div id="row1">第一个div</div>
<div id="row2">第二个div不换行</div>
</li>
<li><h3>强制不换行,并以省略号结尾</h3>
<div style="width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" >
你好朋友朋友朋友我为什么不能看到效果啊
</div>
</li>
<div><nobr>这个月的电话账单又高得惊人。晚饭后，一家人开起家庭会议。
男人说："简直无法忍受了。大家尽量少打电话，我从来不用家里的电话，我上班时打单位的电话。"
女人说："我也一样，我只用单位的电话。"
儿子说："我也只用公司里的电话。"
女佣说："这到底是怎么了？我也只在上班时打电话。"<nobr></div>
<li><h3>div不换行用nowrap元素</h3>
<div nowrap>中学时物理老师上课讲摩擦生电说：我们冬天的时候脱毛衣。毛衣都会嚓嚓响。还有电光。但是夏天就不会这样。为什么呢？ 后面的男生：因为夏天不穿毛衣</div>
</body>
</html>
扫一扫
1331
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
