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

关于text-align:center;

为什么此处代码1，2，3，4是在背景颜色中居中而不是在该行居中，如何设置"1"在整行居中

qq_夜深了飞_03660042

2016-07-27

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

关注问题我要回答

2251

操作

收起

3 回答

刘帅博3693032 回答被采纳 +3 积分
2016-07-27

给<a>...</a>添加一个父元素<div>

设置 div{ text-align:center; }

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

收起回答

qq_夜深了飞_03660042 提问者

后来我也是这样做的，但是我发现，如果在第八行添加display：block；，然后给<a>...</a>添加一个父元素<div>设置 div{ text-align:center; },结果它就不居中了，这是为什么？

2016-07-27 回复有任何疑惑可以回复我~

慕粉3699076 回复 qq_夜深了飞_03660042 提问者

我觉得应该是优先级的问题，谁的优先级高就听谁的~ 靠的近~

2016-07-27 回复有任何疑惑可以回复我~

qq_夜深了飞_03660042 提问者回复慕粉3699076

可是两个都是设置的center啊

2016-07-27 回复有任何疑惑可以回复我~

查看2条回复

慕粉3699076
2016-07-27

它只是在标签a内定义居中，那就在a标签范围内居中，

如果你想在整行居中:

可以改成display:block 并去掉长宽设置。
display不变，修改width:100%

3.另加一行：body{text-align:center;}

希望有帮助~

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

收起回答

qq_夜深了飞_03660042 提问者

嗯嗯，试过了，也可以添加一个父元素div，设置div居中，谢谢

2016-07-27 回复有任何疑惑可以回复我~

Aeolus3248666
2016-07-27

把<a>标签转为块级元素，因为内联元素是在同一行上的

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

收起回答

qq_夜深了飞_03660042 提问者

第八行添加display：block；是吗？试过了，不对

2016-07-27 回复有任何疑惑可以回复我~

0/150

提交

取消

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

参与学习 1225769 人
解答问题 18233 个

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

进入课程

本课相似问答

5 回答text-align:center

10 回答text-align:center;

3 回答关于给行内元素a设置text-align:center;

4 回答关于text-align:center属性设置居中的问题

12 回答font-size:12p; text-align:center;

搜索更多本课相关问答

关于text-align:center;

我要回答关注问题

热搜

最近搜索清空

关于text-align:center;

3 回答

本课相似问答

关于text-align:center;