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如何设置table边框的颜色

css高度设置百分比不生效怎么办

html中表单的相关知识总结(代码实例)

css居中对齐怎么设置

css都有哪些单位

如何解决myeclipse 8.5 css乱码问题

css中skew是什么意思

css怎么让背景图片不重复

css z-index属性怎么用

请问css的作用是什么

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




打赏

取消

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

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

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

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

评论

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