CSS left属性值在不同的窗口大小下不能很好地工作吗?

斯宾塞·塞托(Spencer Szeto)

我为网页设计课程创建了一组HTML页面,但我故意对其进行设计,以使其仅在笔记本电脑上看起来不错。我的其中一页包含ap标签,其左侧属性为66%,效果很好。但是,当我在较大的屏幕上(例如台式机显示器)查看它时,它并没有居中。

我在宽度,左侧和右侧等不同属性上尝试了许多不同的值,但似乎对两个屏幕都无效。我什至尝试使用它所包含的div,但是没有运气。

这是p(abouttext)和div(abouttextbox)标记的CSS。

#abouttextbox {
    position: relative;
    height: 100%;
    width: 100%;
}

#abouttext {
    position: relative;
    font-family: "Georgia", sans-serif;
    color: #e8e8e8;
    font-size: 1em;
    width: 100%;
    text-align: center;
    opacity: 0;
    top: 65%;
}
Sudipto Roy

你为什么把position: absolutebody......为什么为什么为什么...... ???

我也可以看到您的css规则#abouttextbox#abouttext具有position: relative...是否有任何理由使position??如此混乱

只需position: absolute从正文中删除,就可以使文本居中对齐...在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章