如何使用语义化和干净的HTML、CSS实现像这样的文本环绕?并且在所有浏览器上都兼容。
只有将不同的类添加到
只有将不同的类添加到
是我所能想到的唯一解决方案,如果没有其他解决方案的话。但这种方法的缺点是每次客户端无法更改类。
是我所能想到的唯一解决方案,如果没有其他解决方案的话。但这种方法的缺点是每次客户端无法更改类。
<p>
的背景,然后在不希望文字重叠的区域上方浮动透明容器。<p>
<span id="block1"></span>
<span id="block2"></span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. ...
</p>
p {
background: url(your-image.png) no-repeat 100% 0;
}
#block1 {
float: right;
width: 100px;
height: 100px;
}
#block2 {
clear: both;
float: right;
width: 200px;
height: 50px;
}
然而,缺点是与您的段落类解决方案一样,这是一个非常手动的修复方法。您可以在此处看到它的实际效果。
<span>
不符合语义要求。 - Jitendra Vyas