css p标签怎么设置不换行


本文摘自PHP中文网,作者藏色散人,侵删。

css p标签设置不换行的方法:首先创建一个HTML示例文件;然后定义一些p标签;最后通过给p标签添加css样式为“p{display: inline;}”来实现不换行显示即可。

本文操作环境:Windows7系统、HTML5&&CSS3版、Dell G3电脑。

css如何设置p标签不换行?

p标签是块级元素,会独占一行。如果我们想要设置两个p标签在同一行该如何设置呢?下面我们来看一下使用css设置p标签不换行的方法。

默认情况下p标签会自动换行的,下面我们来看一下使用css设置p标签不换行的方法:

示例

css代码

1

p{display: inline;}

HTML代码

1

2

<p>aaa</p>

<p>bbb</p>

效果图:

08288b9717d6fa2a459536f0217bcf9.png

阅读剩余部分

相关阅读 >>

网页设计中,css一般是指?

13个加速开发效率的现代css框架

css如何设置图片不平铺

css border-image-slice属性怎么用

css中伪类和伪元素有什么区别

css flex-grow属性怎么用

css图片怎么溢出隐藏

css图片怎么设置透明度

css border不显示怎么办

css怎么设置div边框

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...