如何讓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>Tags: xhtml css
單個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>Tags: xhtml css
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
