gpt4 book ai didi

javascript - 在部分中心对齐图像并相对于浏览器

转载 作者:行者123 更新时间:2023-11-28 07:52:00 25 4
gpt4 key购买 nike

在我的网站中,我将此部分放在 <body> 中标签。这是一个片段:

<div id="section" class="featurecontent">
<section>
<img src="image.jpg" alt="Featured article">
<p class="pnews">Featured Article - Description </p>
<hr>
</section>
</div>

这是相关的 CSS 代码,包括与通过 position: relative; 声明的浏览器相关的部分声明。

#section{
display: block;
padding:3px;
margin-right: auto;
margin-left: auto;
position: relative;
height:70%;
width: 35%;
border-width: 3px;
}

.featurecontent{
height: 1100px;
vertical-align: middle;
border-width: 2px;
line-height: 0.5;
padding: 1px;
}

我如何将图像放置在分区 block 的相对中心位置(而不是放在左侧),并根据与分区 block 类似的浏览器大小调整自身?我知道align="middle"不适用于 HTML5。

最佳答案

你有一大堆不必要的代码......你只需要:

#section {
position: relative;
width: 35%;
margin: 0 auto;
}

.featurecontent {
text-align: center;
}

关于javascript - 在部分中心对齐图像并相对于浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30338887/

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