css样式文件添加
#power span{
height:30px
粗数 text-align:center;
line-height:30px;
岩运首}
样式做好不要写到行间。
/*字体上郑悔下居中条件 行高=高度*/
/*字体左右居中条件巧枣 text-align:center*/
span{
text-align:center;
height:30px;
喊宽正 line-height:30px;
}
test
/*上下左右居中*/
碧粗 span{
height:50px; /*对于center2必须指明高度*/
width: 200px; /*对于center3必须要指明宽度*/
border: 1px solid red;
margin: 10px 0;
/*1. flex : ie等老式浏览器可能不支持*/
.center1{
align-items:center;
justify-content:center;
/*2. line-height*/
.center2{
line-height: 50px;
/*3. table-cell */
败档 .center3{
vertical-align:middle;
$(function () {
$('#power')
.append('上下左右居中:center1')
.append('上下左右居中:center2')
.append('上下左右居中:center3');
});
先给要定义的div定义宽度 width:***px; margin:0 auto; 这样就可以了
水平州顷居或迹颤中衫败：text-align:center
垂直居中：vertical-align:middle;line-height:30px;/*line-height块标记用到*/
直接加一个 text-align:center; 应该可以的
文字卖让居中
块居中弯局中闹腊
margin：0 auto;
width:
在居中元素的外层加样颂局或式：野伍align:center;试试。或者直接在居中元素外套上腊碰
标签
CSS居中代码是：
◆◆◆margin: 0 auto;◆◆◆
拓展：HTML标签换行可以使用
标签，如：
◆◆◆这是一段文本。
这是换行后的文本。◆◆◆
以上就是土嘎嘎小编大虾米为大家整理的css居中代码怎么写_网页文字居中的代码是什么?相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！