让<div>强制不换行

最新推荐文章于 2024-09-10 16:44:52 发布

Inuyasha1121

最新推荐文章于 2024-09-10 16:44:52 发布

阅读量2.2w

点赞数

分类专栏：标签用法 html 文章标签： html

html 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

标签用法

1 篇文章 0 订阅

订阅专栏

一、单个DIV

1.用nobr元素

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

2.用nowrap元素

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

二、两个DIV

1. 用CSS里的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>

2. 用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>
</html>