html中div不自动换行、强制不换行的具体实现_HTML/Xhtml_网页制作
程序员文章站
2022-04-13 10:49:19
...
1.用标签实现不换行
2.用标签
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.用标签
复制代码
代码如下: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;}
上一篇: php生成静态html文件的三种方法
下一篇: PHP字符串怎么转十六进制
推荐阅读
-
html中div不自动换行、强制不换行的具体实现方法
-
html中div不自动换行、强制不换行的具体实现方法
-
浅析响应式框架中,table表头自动换行的快速解决方法_HTML/Xhtml_网页制作
-
html中div不自动换行、强制不换行的具体实现_HTML/Xhtml_网页制作
-
html中div不自动换行、强制不换行的具体实现_HTML/Xhtml_网页制作
-
html中的div、td 、p 等容器内强制换行和不换行的实现_HTML/Xhtml_网页制作
-
浅析响应式框架中,table表头自动换行的快速解决方法_HTML/Xhtml_网页制作
-
html中的div、td 、p 等容器内强制换行和不换行的实现_HTML/Xhtml_网页制作