gpt4 book ai didi

html - 如何在主 div block 中居中文本

转载 作者:行者123 更新时间:2023-11-28 04:15:12 24 4
gpt4 key购买 nike

这是我得到的。我正在尝试将 pandorarocket leaguechess.com 置于 #header div 的中心。现在他们在左边。

<!DOCTYPE html>
<html>
<head></head>
<body>

<link type="text/css" rel="stylesheet" href="abc.css"/>

<div id="top"></div>

<div id="header">
<div class="hovimg">
<a href="https://www.chess.com">
Chess.com
<span>
<img src="https://tmp-m.org/wp-content/uploads/2015/02/chess.jpg" height="100px" width="180px"/>
</span>
</a>
</div>
<div class="hovimg">
<a href="https://www.pandora.com">
Pandora
<span>
<img src="https://c.slashgear.com/wp-content/uploads/2016/10/pandora-rebrand-980x420.png" height="100px" width="150px"/>
</span>
</a>
</div>
<div class="hovimg">
<a href="steam://rungameid/252950">
Rocket League
<span>
<img src="http://static5.gamespot.com/uploads/screen_kubrick/1551/15511094/2999833-20141023_rocketleague_01.jpg" height="120px" width="200"/>
</span>
</a>
</div>
</div>
<div id="left"></div>

</body>
</html>

最佳答案

我有点难以弄清楚您到底想要什么,但这里有一个解决方案可能就是您想要的:

.header:after { /* Clearfix */
content: "";
display: table;
clear: both;
}

.hovimg {
width: calc(100% / 3);
float: left;
}

注意:尚未经过测试,因此这可能行不通,但至少该想法背后的理论应该有用。

关于html - 如何在主 div block 中居中文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42516756/

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