                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

内联块状元素水平居中

像这样，要怎么改才能使三个元素在同一行水平居中

慕无忌7349053

2018-07-20

源自：初识HTML(5)+CSS(3)-升级版 12-4

关注问题我要回答

1264

操作

收起

5 回答

慕桂英3007397
2019-02-13

想要让他水平居中要设置他的父元素text-align:center; ，而不是它本身

0 回复有任何疑惑可以回复我~

空城灬
2018-10-25

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>内联块状元素</title>

<style type="text/css">

div{

text-align: center;

}

a{

display:inline-block;

width:40px;/*在默认情况下宽度不起作用*/

height:40px;/*在默认情况下高度不起作用*/

background:pink;/*设置背景颜色为粉色*/

text-align:center; /*设置文本居中显示*/

line-height:40px;

}

</style>

</head>

<body>

<div>

<a>1</a>

<a>2</a>

<a>3</a>

<a>4</a>

</div>

</body>

</html>

0 回复有任何疑惑可以回复我~

空城灬
2018-10-25

加一个div，设置 text-align:center，就可以了

0 回复有任何疑惑可以回复我~

江7856
2018-08-30

你这里已经是文本居中了

0 回复有任何疑惑可以回复我~

陌城烟雨
2018-07-20

第八行加一句 text-align:center

0 回复有任何疑惑可以回复我~

#1

慕无忌7349053 提问者

谢谢，不过我加了并没有变化，没有水平居中

2018-07-20 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1222469 人
解答问题 18209 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

4 回答定宽块状元素_水平居中设置

1 回答水平居中设置-定宽块状元素

1 回答定宽块状元素的水平居中设置

1 回答css水平居中设置定宽块状元素

3 回答水平居中-行内元素

搜索更多本课相关问答

内联块状元素水平居中

我要回答关注问题

意见反馈帮助中心 APP下载