div 位于文本 (p) 上
我必须将包含一些图像的 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
制作文本和图像块元素:
Make both the text and image block elements:
尝试指定两个浮动 div 的宽度,使它们之和小于 100%。
Try specifying width on the two floated divs such that they add up to less than 100%.
设置
在
.left
类上(除非您在其他地方使用它)或者,您可以为每个 div 设置一个类,并为每个 div 设置不同的宽度。
重要的是,这两者的总和不超过其父级的宽度 (
#content
)。Set
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
).看起来您无法将浅灰色
从图像中拉出,因为它是图像父容器的一部分。
添加
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">
?