元素设置绝对定位后，text-align:center不起作用了

元素设置绝对定位后，怎么使里面的文字水平居中

奥义憨憨 2018-05-21

源自：项目：JQ实现瀑布流 5-2 作业题

18

收起

2回答

卡布琦诺回答被采纳获得+3积分 2018-05-21 15:42:25

设置了绝对定位的元素，想要让其文本内容居中显示，需要再次设置宽度，譬如：

这是绝对定位的性质也是设置绝对定位后，让文本内容水平居中的常用处理方法

祝学习愉快！

奥义憨憨提问者 #1

原来如此

2018-05-21 16:45:08

卡布琦诺 2018-05-21 11:43:56

测试是可以居中显示的呀，建议同学提供一下代码（html、css）以便于大家更准确地定位你的问题并帮你解答~祝学习愉快！

提问者奥义憨憨 #1

emmmmm 我没有设置dd的宽度，但是默认宽度不应该是父元素宽度的100%么，还是说设置的绝对定位之后必须要设置宽度了呢，我的代码大概这样： <dl style="position:relative;width:200px;"> <dt style="position:absolute;top:10px;left:0;text-align:center;height:30px;line-height:30px;">我是标题-我要居中</dt> <dd>我是内容-我要居中</dd> </dl>

2018-05-21 15:16:04

相似问题

为什么给.text设置的是position的relative

1.将红色圆设置为背景，白色数字不用设置为绝对定位就能实现，不是父级相对定位后，子元素就要绝对定位吗

绝对定位的参照物不一定是相对定位的父元素吧，固定定位和磁贴定位的任意元素都可以吗？

绝对定位能不能使浮动元素偏离？

麻烦看下对不对，顺便想问一下，为什么给子元素设置绝对定位前要给父元素设置相对定位

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载