DIV强制不换行

DIV强制不换行 (2008-06-04 16:51:03)转载▼

标签: 杂谈

 引自:http://www.21ido.com/blog/post/59.html

让DIV不换行

 

 

一,单个DIV:

1.用nobr元素

Code: 

<html>

<head>

</head>

<body>

<div><nobr>不换行不换行<nobr></div>

</body>

</html>

 

 

2.用nowrap元素

Code: 

<html>

<head>

</head>

<body>

<div nowrap>div不换行div不换行div不换行</div>

</body>

</html>

 

 

二,两个DIV

1. 用CSS里的float属性

Code: 

<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>

 

 

2. 用CSS里的diplay属性

Code: 

<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>

</html>

  java -cp xxx.jar MainClass
 

你可能感兴趣的:(div)