QQ登录 - 设为首页 - 加入收藏 - 网站地图 木易瓶子屋!第一时间了解互联网开发技术新鲜事儿!

亲!来点一下试试嘛。。。

木易瓶子屋每日新鲜技术平台 第一时间了解互联网的那些事儿

css控制div不换行

作者:木易瓶子┆ 分类:服务器技术┆时间:2015-01-13┆点击: 161次┆tags: css控制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>

欢迎转载但请注明出处及链接,商业媒体使用请联系编辑(QQ 363630845)。
css,控制,div,不换行
正在加载中……