html中div不自动换行、强制不换行的具体实现方法
程序员文章站
2022-06-03 16:03:24
...
本文为大家介绍下html 中p不自动换行的多种实现,如可以使用nobr标签实现不换行,用nowrap元素等等,感兴趣的朋友可以参考下
1.用<nobr>标签实现不换行
代码如下:
<p>Hello world!<nobr> Hello world!<nobr></p> 2.用<用nowrap元素>标签
代码如下:
<p nowrap>Hello world! Hello world! Hello world! Hello world!</p>
3强制不换行
代码如下:
p{ white-space:nowrap; }
4.如果是两个p,可使用float实现不换行
代码如下:
<p class="class1">hello </p> <p class="class2">world! </p> .class1 {float:left;}
5.在p中也可使用display实现不换行
代码如下:
<p class="class1">hello </p> <p class="class2">world! </p> .class1 {display:inline;} .class2{display:inline;}
更多html中div不自动换行、强制不换行的具体实现方法相关文章请关注PHP中文网!
上一篇: SQL学习笔记1:基本概念
下一篇: Nginx设置404页面
推荐阅读
-
html中div不自动换行、强制不换行的具体实现方法
-
html中div不自动换行、强制不换行的具体实现方法
-
html中div不自动换行、强制不换行的具体实现_HTML/Xhtml_网页制作
-
html中div不自动换行、强制不换行的具体实现_HTML/Xhtml_网页制作
-
html中的div、td 、p 等容器内强制换行和不换行的实现_HTML/Xhtml_网页制作
-
html标签中的div和td以及p等容器内强制换行和不换行的实现
-
html中的div、td 、p 等容器内强制换行和不换行的实现_HTML/Xhtml_网页制作
-
html中的div、td 、p 等容器内强制换行和不换行的实现方法
-
html标签中的div和td以及p等容器内强制换行和不换行的实现
-
html中的div、td 、p 等容器内强制换行和不换行的实现方法