DIV强制不换行
2013-09-04 16:25
253 查看
引自：http://www.21ido.com/blog/post/59.html
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>
让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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 兼容多浏览器，兼容 div、p、td 的强制不换行及强制换行
- div+css强制（不）换行 .
- div强制换行和强制不换行
- div下英文强制换行
- div、td 、p 等容器内强制换行和不换行
- 兼容多浏览器，兼容 div、p、td 的强制不换行及强制换行
- 兼容多浏览器的 div、p、td 强制不换行及强制换行
- div强制换行和强制不换行
- DIV 文字强制换行
- CSS实现DIV或者TD中强制不换行
- div强制、自动换行
- div强制换行和强制不换行
- html中div不自动换行、强制不换行的具体实现
- 多选框是否选中、div强制换行、首行缩进、鼠标手状
- div、td 、p 等容器内强制换行和不换行
- html中的div、td 、p 等容器内强制换行和不换行的实现
- html中div不自动换行、强制不换行的具体实现
- 让<div>强制不换行
- div、p、td 的强制不换行及强制换行
- div+css强制换行