gpt4 book ai didi

html - 如何在 div 中并排显示 HTML 中的文本?

转载 作者:行者123 更新时间:2023-11-28 06:29:56 25 4
gpt4 key购买 nike

如何在第二张图片上获取“基本”链接文本,并将这两张图片 + 文本居中?看起来我的帖子主要是代码,我会在我的问题中添加更多细节。

谢谢!

这是 JSfiddle https://jsfiddle.net/fvg4c0j0/

 <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<body>
<div id="container"><!---container--->
<div id="header">
<h1>JORDAS</h1>

</div><!--header-->

<div id="nav">
<a href="index.html">Etusivu</a> <br>
<a href="page1.html">Teltat</a><br>
<a href="page2.html">Palvelut</a><br>
<a href="page3.html">Yhteistiedot</a><br>
</div>

<div id="section">
<a href="page2.html"><h1>Pro</h1></a>
<a href="page2.html"><h1>Basic</h1></a>

<div class="main_block">

<div class="inner_block">
<img src=Grafik/talt.png>
</div>



<div class="inner_block">
<img src=Grafik/talt.png >
</div>

</div><!--mainblock-->
</div>

<div id="footer">
<h3>POP-UP TELTTOJEN YKKÖNEN </h3>
</div><!--footer-->
</div> <!--container-->
</body>

这是CSS

 <style>

body{margin:0;
padding:0;
}
#header {
background-color:#ff6600;
color:white;
text-align:left;
padding:2px;
}

#nav {
line-height:30px;
background-color:#fff000;
height:350px;
width:120px;
float:left;
padding:5px;

}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:#737373;
color:white;
clear:both;
text-align:center;


}
#container {
margin:auto;
width:900px;
text-align:left;
overflow: hidden;

}
.inner_block {
display: inline-block;
text-align: center;
width: 150px;
height:200px;


}

img {
width: 150px;
}
#basic {
float:right;

}
</style>

最佳答案

<div class="main_block">

<div class="inner_block">
<a href="page2.html"><h1>Pro</h1></a>
<img src=Grafik/talt.png>
</div>

<div class="inner_block">
<a href="page2.html"><h1>Basic</h1></a>
<img src=Grafik/talt.png >
</div>

</div><!--mainblock-->

样式:

.main_block{
text-align:center;
width:750px;
}

关于html - 如何在 div 中并排显示 HTML 中的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35043413/

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