怎么设置css字体单行居中


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

设置css字体单行居中的方法:首先创建一个div;然后在div里写上一个p标签;最后通过设置“text-align: center;”属性实现单行居中即可。

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

css设置字体单行居中

1、首先为了便于观察,先创建一个div

1

2

3

4

5

6

7

8

9

10

<style>

    .app{

        width: 200px;

        height: 100px;

        border: 1px solid skyblue;

    }

</style>

<div class="app">

     

</div>

4e4436742366b52c8f44275c6bda140.png

2、然后在div里写上一个p标签,并设置它text-align: center;属性实现单行居中。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<style>

    .app{

        width: 200px;

        height: 100px;

        border: 1px solid skyblue;

    }

    .app > p{

        text-align: center;

        overflow: hidden; 

        text-overflow:ellipsis;  

        white-space: nowrap;

    }

</style>

<div class="app">

    <p>Hello World!</p>

</div>

b285189202e67703f03259a3a0079eb.png

阅读剩余部分

相关阅读 >>

巧用css规定背景绘制区域

html与css中2d转换模块

css怎么显示svg图片

css怎样将li的序号取消

css层级关系怎么设置

js框架与css框架的区别是什么

css怎么取消边框

css代码如何居中

css怎么设置超链接颜色

css设置表格的属性有哪些

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




打赏

取消

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

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

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

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

评论

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