[温习]让div中内容不换行的两种简单方法

2009年8月27日星期四 | | |

1. 对于内容不多,针对单一的少量应用,可以用<nobr></nobr>标签把需要不换行的内容括起来。
以下为引用的内容:
<html>
<head>
</head>
<body>
<div style="width:10px;"><nobr>不换行的
内mmmmmmmmmmmmmm容</nobr></div>
</body>
</html>
2. 用white-space:nowrap
以下为引用的内容:
<html>
<head>
</head>
<body>
<div style="width:10px;white-space:nowrap">不换行的内mmmmmmmmmmmmmm容</div> 
</body>
</html>

第一种方法也可以将其定义在CSS里
以下为引用的内容:
<html>
<head>
<style type="text/css">
.nobr{
white-space:nowrap;
width:10px;
}
</style>
</head>
<body>
<div class="nobr">
不换行的内mmmmmmmmmmmmmm容</div>
</body>
</html>

我的QQ空间
在xp.xp3桌面显示IE图标(非快捷键方式)
安装了最新的XP SP3系统,却发现桌面没有IE图标,然后在桌面单击...
 

0 评论:


所有文章收集于网络,如果有牵扯到版权问题请与本站站长联系。谢谢合作![email protected]