css怎么设置p标签不换行


本文摘自PHP中文网,作者青灯夜游,侵删。

设置p标签不换行的方法:使用display属性,在p标签元素中设置display属性的值为“inline”或“inline-block”;这样可以使p标签被显示为内联元素或行内块元素,元素前后没有换行符,也就无法换行了。

本文操作环境:宏基S40-51、CSS3&&HTML5&&HBuilderX.3.0.5版、Windows10 家庭中文版

(学习视频分享:css视频教程)

HTML p标签

p标签是块级元素,会独占一行。默认情况下p标签会自动换行的。

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>css设置p标签不换行</title>

        <style>

            p{

                background: pink;

            }

        </style>

    </head>

    <body>

        <p>测试文本。</p>

        <p>测试文本。</p>

        <!--

        p标签是块级元素,会独占一行

        默认情况下p标签会自动换行的

         -->

    </body>

</html>

效果图:

阅读剩余部分

相关阅读 >>

vue.js中怎么换行

css margin属性怎么用

css如何设置自动换行

css中margin什么意思

css中的滑动条怎么隐藏

css grid-columns属性怎么用

css中的position是什么意思

css怎么实现超出两行显示省略

css怎么设置文字超过隐藏

less和css的区别是什么

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




打赏

取消

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

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

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

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

评论

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