[温习]让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>
博文
