将文本与图像右侧对齐 && 文本不会环绕图像

2024-03-14

应该看起来像这样:

[img] text text
      text text

这是如何实现的?

看起来很简单,但我正在挣扎。


您可以使用display:inline-block;

img{
    display:inline-block;
    width:75px;
    height:100px;
    border:1px solid red;
    vertical-align:top;
    margin-right:10px;
}

div{
    display:inline-block;
    width:200px;
}

例子:http://jsfiddle.net/jasongennaro/SK9ad/ http://jsfiddle.net/jasongennaro/SK9ad/

To make inline-block;使用 IE7,将以下内容添加到每个规则中:

zoom: 1;
*display:inline;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将文本与图像右侧对齐 && 文本不会环绕图像 的相关文章