图像和文本是否在同一行？
提问于 2013-03-25 19:11:57
这让我很头疼。
我正在尝试在左边有一个固定高度/宽度的图像，在右边的文本，当然是在同一行中。整个容器的动态宽度为视口的90%，这意味着右侧的文本也将具有动态宽度(90% -图像宽度)，因为左侧的图像是固定的。文本需要左对齐，所以"float:right“不起作用。我尝试了无数的浮动，对齐，表格单元格的组合，等等，都不起作用…我最接近的情况是它们在同一行，但文本被强制右对齐。
我的意思是：http://i.imgur.com/QRDhLro.png
#container {
overflow:hidden;
position:relative;
width:90%;
min-width:800px;
margin-bottom:20px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}
.leftimage {
width:600px;
height:100px;
}
.righttext {
float:right;
}
...
...
<div id="container">
<div class="righttext">lorem ipsum lorem ipsum <br> lorem ipsum lorem ipsum </div>
<div class="leftimage"><img src="../pictures/test.png"></div>
</div>
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-03-25 19:15:47
移动
<div class="righttext">lorem ipsum lorem ipsum <br> lorem ipsum lorem ipsum </div>之后
<div class="leftimage"><img src="../pictures/test.png"></div>CSS：
.righttext{
float: none;
margin-left: 600px;
}Stack Overflow用户
发布于 2013-03-25 19:15:02
也许只是：
<img src="#" align="left">
<p>This is my paragraph to the right of my image</p>这是可行的，如下所示：http://jsfiddle.net/tWqwh/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15622844
复制
腾讯云开发者
