站长技术网

点评：本文为大家介绍下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;}