让<div>强制不换行

来源:互联网 发布:知笔墨 编辑:程序博客网 时间:2024/05/03 22:31

一、单个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>


0 0