div 位于文本 (p) 上

发布于 2024-11-08 02:21:54 字数 263 浏览 0 评论 0原文

我必须将包含一些图像的 div 放在左侧,紧接着是带有文本的标题。并排。

但我不明白。

文字位于图像下方。 参见网站: http://www.amsdarquitetura.com.br/Project/Details?ProjectID=100

我喜欢并排放置(图像和文本)

I have to put a div containing some images flush left, and soon after a title with a text. Side by side.

But I'm not getting.

The text is getting underneath the images.
See the website:
http://www.amsdarquitetura.com.br/Project/Details?ProjectID=100

I like to put side by side (images and text)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

貪欢 2024-11-15 02:21:54

制作文本和图像块元素:

img, p {
    display:block;
}

Make both the text and image block elements:

img, p {
    display:block;
}
裂开嘴轻声笑有多痛 2024-11-15 02:21:54

尝试指定两个浮动 div 的宽度,使它们之和小于 100%。

Try specifying width on the two floated divs such that they add up to less than 100%.

墨落画卷 2024-11-15 02:21:54

设置

width:50%; 

.left 类上


除非您在其他地方使用它)或者,您可以为每个 div 设置一个类,并为每个 div 设置不同的宽度。

重要的是,这两者的总和不超过其父级的宽度 (#content)。

Set

width:50%; 

on the .left class (unless you use it elsewhere)


Alternatively you can set a class for each div and set a different width for each one.

The important thing is that the sum of those two does not exceed the width of their parent (#content).

眼眸 2024-11-15 02:21:54

看起来您无法将浅灰色 从图像中拉出,因为它是图像父容器的一部分。

添加 float:left; width:200px 到您的

容器将所有内容都带到图像的右侧...没有灰色 元素。

您是否可以重构代码 - 将 移动到

中?

It doesn't look like you'll be able to pull the light gray <span> away from the image, as it's part of the image's parent container.

Adding float:left; width:200px to your <div class=left> container brought everything up to the right of the image...sans the gray <span> element.

Is it possible for you to refactor the code - moving that <span> into <div class="left">?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文