在两列中对齐图像和文本不起作用
在两列中对齐图像和文本不起作用
提问于 2011-02-23 19:00:53
<img id="story_image" src="images/builder_story_side.png" alt="photo"/>
<div id="story_right">
<h2 class="story_header">fdgdfgdfgdfgdfgfdgdfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfg</h2>
<p class="small_story">fdgdfgdfgdfgdfgfdgdfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfg</p>
</div>
img#story_image{float:left;}
div#story_right{float:left;}我以前写过两篇专栏文章，但由于某种原因，这一次它不起作用。我希望图像在第一列，文本在第二列。Story_right最终显示在图像下方，就好像story_image是一个块一样。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-02-23 19:04:14
要正确浮动元素，需要在要浮动的元素上设置宽度。设置像素宽度和动态百分比宽度都可以使用。这会给你带来问题的原因是因为div的默认宽度是100%，所以图像不能浮动在它旁边。
Stack Overflow用户
发布于 2011-02-23 19:04:19
你可以通过设置宽度来实现。
CSS
#story_image{width: 50%;float:left;}
#story_right{width: 50%;float:left;}示例
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5095722
复制相关文章
点击加载更多
相似问题
图像和文本不垂直居中对齐
图像和文本不正确对齐
引导图像和文本在列中对齐
图像和文本不完全对齐
两列图像、文本对齐不起作用
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
