首页 >

css中的p标签居中 |java项目中导入css文件

css 起源模式,css文字翻页效果,css汉字之间的间距,dw表格中css常用,css调节图片点击作用范围,css3 按点画形状,java项目中导入css文件css中的p标签居中 |java项目中导入css文件
p{
text-align: center;
}

如上所示,只需在CSS中设置P标签的text-align属性为center即可实现P标签的居中。

当然,如果您的P标签需要在某一容器内居中,还需设置该容器的text-align属性为center,代码如下:

.container{
text-align: center;
}
.container p{
display: inline-block;
text-align: left;
}

以上代码中,大家先将容器的text-align属性设置为center,然后通过容器内P标签的display:inline-block属性,使P标签与其他行内元素具有同等的宽度,最后将P标签的text-align属性设置为left,保证P标签内的文本左对齐。

总之,P标签在CSS中的居中实现十分简单方便,轻松掌握后,您的网页设计将更加美观精致。


css中的p标签居中 |java项目中导入css文件
  • css3双向箭头 |bootcdn css
  • css3双向箭头 |bootcdn css | css3双向箭头 |bootcdn css ...

    css中的p标签居中 |java项目中导入css文件
  • css3的vw和vh |css3 旋转动画插件
  • css3的vw和vh |css3 旋转动画插件 | css3的vw和vh |css3 旋转动画插件 ...

    css中的p标签居中 |java项目中导入css文件
  • CSS常用的布局设计方式 |css3 box布局
  • CSS常用的布局设计方式 |css3 box布局 | CSS常用的布局设计方式 |css3 box布局 ...