html中div不自动换行、强制不换行的具体实现
1.用标签实现不换行
复制代码代码如下:
2.用<用nowrap元素>标签
复制代码代码如下:
3强制不换行
复制代码代码如下:
div{
white-space:nowrap;
}
4.如果是两个div，可使用float实现不换行
复制代码代码如下:
.class1 {float:left;}
5.在div中也可使用display实现不换行
复制代码代码如下:
.class1 {display:inline;}
.class2{display:inline;}
复制代码代码如下:
Hello world！ Hello world!
2.用<用nowrap元素>标签
复制代码代码如下:
Hello world! Hello world! Hello world! Hello world!
3强制不换行
复制代码代码如下:
div{
white-space:nowrap;
}
4.如果是两个div，可使用float实现不换行
复制代码代码如下:
hello
world!
.class1 {float:left;}
5.在div中也可使用display实现不换行
复制代码代码如下:
hello
world!
.class1 {display:inline;}
.class2{display:inline;}
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
本文地址：/web/HTML/71406.html
