CSS控制DIV不换行

nobr元素

代码

<html>
<head>
</head>
<body>
<div><nobr>不换行不换行<nobr></div>
</body>
</html>

 

 

nowrap元素

代码

<html>
<head>
</head>
<body>
<div nowrap>div不换行div不换行div不换行</div>
</body>
</html>

 

 

float属性

代码

<html>
<head>
<style type="text/css">
div#row1 { float: left; color: blue; }
div#row2 { color: red }
</style>
</head>
<body>
<div id="row1">第一个div</div>
<div id="row2">第二个div不换行</div>
</body>
</html>

 

用CSS里的diplay属性

文本框

<html>
<head>
<title>CSS中的不换行</title>
<style type="text/css">
div#row1 { color: blue;display: inline }
div#row2 { color: red;display: inline }
</style>
</head>
<body>
<div id="row1">第一个div</div>
<div id="row2">第二个div不要换行</div>
</body>

posted @ 2009-06-01 19:59  _拖鞋_  阅读(3309)  评论(0)  编辑  收藏  举报