PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 文章内容
让div中内容不换行的二种方法
来源:phperz.com  作者:phperz.com  发布时间:2008-07-08

1. 对于内容不多,针对单一的少量应用,可以用<nobr></nobr>标签把需要不换行的内容括起来。

以下为引用的内容:
<html>
<head>
</head>
<body>
<div style="width:10px;"><nobr>不换行不换行不换行</nobr></div>
</body>
</html>

2. 用white-space:nowrap

以下为引用的内容:
<html>
<head>
</head>
<body>
<div style="width:10px;WHITE-SPACE: nowrap;">不换行不换行不换行</div>
</body>
</html>

也可以将其定义在class里

以下为引用的内容:
<html>
<head>
<style type="text/css">
.nobr{
white-space:nowrap;
width:10px;
}
</style>
</head>
<body>
<div class="nobr">不换行不换行不换行</div>
</body>
</html>

Tags: 换行   div  
相关文章
PHP程序员站 Copyright © 2007,PHPERZ.COM All Rights Reserved 粤ICP备07503606号 联系站长