gpt4 book ai didi

html - 两张图片之间的文字?

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

我是 html/CSS 的新手,正在尝试在两个图像之间放置文本。使用以下代码,我能够做到这一点。但如果我有太多文本,格式就会乱序,如 图 1 所示。您能告诉我如何使我的网站看起来像图 2 吗?

<!DOCTYPE html>
<html>
<body>
<div class="header">
<img src="http://www.w3schools.com/browsers/pic_chart.jpg" style="vertical-align: middle"/>
<a href="http://www.w3schools.com" style="font-family:Georgia;color:black;font-size:17px;">The site provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL etc. W3schools presents thousands of code examples. By using the online editor provided, readers can edit the examples and execute the code experimentally.</a>
<img src="http://www.w3schools.com/browsers/pic_chart.jpg" style="vertical-align: middle"/>
</div>
</body>
</html>

图 1: enter image description here


图 2: enter image description here

最佳答案

JS Fiddle

您可以 float 所有元素,将文本包装在一个 div 中,然后为包含文本的 div 分配一个宽度。您可以使用内联样式或在示例中所示的单独样式表中执行此操作。

添加的样式:

img {
float: left;
}
#text {
width: 300px;
float: left;
}

关于html - 两张图片之间的文字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19697585/

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