gpt4 book ai didi

标题横幅的 html5 + CSS3 中心页面文本

转载 作者:太空宇宙 更新时间:2023-11-04 03:59:10 25 4
gpt4 key购买 nike

我正在尝试从带有表格样式的旧 html 迁移到带有 CSS 样式的 html5,但我遇到了问题:

codepen Demo

您可以看到,文本与页面边缘对齐,我希望它与页眉横幅的边缘对齐。

我想不通,该怎么做?不使用表格。

此外,请注意,.article:nth-child(odd) CSS 选择器以某种方式将奇数元素左对齐,而不是右对齐...我不明白为什么。

谢谢!

最佳答案

创建固定宽度网站的最佳方法是添加一个包含的 div:

只需在所有当前代码周围添加一个固定宽度的 div。

#Wrap{width:1024px;}

.

<body>
<div id="Wrap">
...
/* rest of website */
...
</div>
</body>

codepen Demo


干净的例子

HTML

<div id="Wrap">
<div id="Head"></div>
<div id="Body"></div>
<div id="Foot"></div>
</div>

CSS

#Wrap{
width:1024px; /*Your desired page width*/
margin:0 auto; /*Center your wrapper on the page*/
}
#Head{
width:100%; /*Fill the width of the wrapper*/
}
#Body{
width:100%; /*Fill the width of the wrapper*/
}
#Foot{
width:100%; /*Fill the width of the wrapper*/
}

关于标题横幅的 html5 + CSS3 中心页面文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22355291/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com