我们进行页面开发的时候 , 最经常用的就是p标签了 , 那么p中的内容如何居中显示呢 , 下面小编给大家分享一下 。
工具/材料SublimeText
操作方法
- 01首先我们用sublime先创建一个html , 并且在html里面加入p , 如下图所示
文章插图
02然后我们在p中加入一些文字 , 如下图所示 , 文字用span包裹起来
文章插图
03运行页面程序以后我们会看到文字在p的左上角 , 并没有居中的效果 , 如下图所示
文章插图
04接下来我们就需要用CSS给p中的内容设置居中了 , 如下图所示 , 通过text-align和line-height实现
文章插图
05最后运行界面程序 , 我们看到p中的内容这次水平和垂直都居中了 , 如下图所示
文章插图
【css中设置div居中显示的方法】
- Excel表格中的数字不能求和为什么
- 如何在CAD中画虚线框
- 苗族的跳月
- 中秋节的来历和传说
- 中华人民共和国国庆节
- 中国旅游日起源
- 壮族饮食风俗
- 中国四大印石之巴林石文化
- “春节老人”落下闳 中国农历的创造者
- 中国古代四大美女-落雁