css样式中怎么能让一行字水平居中显示
6个回答
展开全部
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：p {text-align: center}。
3、浏览器运行index.html页面，此时p标签内的文字成功被水平居中显示。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css样式中能让一行字水平居中显示，首先需要理解的就是居中的概念，css就是通过text-align这个css属性来实现，然后给这个一个center参数，就能实现文字的居中，给包裹文字的div一个border便于观察，具体通过代码来理解：
<html>
<head>
<style>
.keepbj{ //通过class来设置
width:100px;
height:50px;
font-size:13px;
}
.keepbj p{
text-align:center;
}
</style>
</head>
<body>
<div class='keepbj'>
<p>我是测试文字</p>
</div>
</body>
</html>
<html>
<head>
<style>
.keepbj{ //通过class来设置
width:100px;
height:50px;
font-size:13px;
}
.keepbj p{
text-align:center;
}
</style>
</head>
<body>
<div class='keepbj'>
<p>我是测试文字</p>
</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一句话：
text-align:center
text-align:center
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="text-align:center">水平居中</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
大家说的很对
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
