Html 绝对定位&;文本对齐

Html 绝对定位&;文本对齐,html,css,Html,Css,我想要一些文本在屏幕底部居中 我试过了,但没用。看起来绝对定位与路线冲突 我怎样才能完成这个简单的任务呢?也许指定一个宽度就行了。当你定位一个元素时,它的宽度会缩小到我认为的内容。试试这个: 您需要添加left:0和right:0(IE6不支持)。或者指定一个宽度,这应该可以: #我的div{ 左:0; 宽度:100%; } 绝对定位时,div不会占用所有可用的水平空间。将宽度显式设置为100%将解决此问题: HTML <div id="my-div">I want to be c

我想要一些文本在屏幕底部居中

我试过了,但没用。看起来绝对定位与路线冲突


我怎样才能完成这个简单的任务呢?

也许指定一个宽度就行了。当你定位一个元素时,它的宽度会缩小到我认为的内容。

试试这个:

您需要添加
left:0
right:0
(IE6不支持)。或者指定一个宽度,这应该可以:

#我的div{
左:0;
宽度:100%;
}

绝对定位时,div不会占用所有可用的水平空间。将宽度显式设置为100%将解决此问题:

HTML

<div id="my-div">I want to be centered</div>​

只需加左:0;右:0;或者在IE8和IE7中添加宽度。如果你使用的是IE6,你需要升级。你确定IE7吗?)IE6/7意味着你应该总是陈述一个很好的理由。答案必须是为什么需要使用
left:0
right:0
接受的最后一个答案,这只是重复其他解决方案。哈哈,这可能是重复的,简单得可笑。。。但是我通过寻找这个问题的答案找到了这篇文章。非常感谢。谢谢@Edward,没有剩余:0;出现了一个水平滚动条!请解释一下你的帖子,它看起来像是一堆CSS
position: absolute;
color: #ffffff;
font-weight: 500;
top: 0%;
left: 0%;
right: 0%;
text-align: center;