本文为大家介绍下html 中p不自动换行的多种实现,如可以使用nobr标签实现不换行,用nowrap元素等等,感兴趣的朋友可以参考下
1.用
代码如下:
立即学习“前端免费学习笔记(深入)”;
Hello world!
2.用<用nowrap元素>标签Hello world!
代码如下:
立即学习“前端免费学习笔记(深入)”;
Hello world! Hello world! Hello world! Hello world!
3强制不换行
代码如下:
立即学习“前端免费学习笔记(深入)”;
p{
white-space:nowrap;
}
4.如果是两个p,可使用float实现不换行
代码如下:
立即学习“前端免费学习笔记(深入)”;
hello
world!
.class1 {float:left;}
5.在p中也可使用display实现不换行
代码如下:
立即学习“前端免费学习笔记(深入)”;
hello
world!
.class1 {display:inline;} .class2{display:inline;}
更多html中div不自动换行、强制不换行的具体实现方法相关文章请关注PHP中文网!











