<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div style="width: 300px; height: 300px; clear: both; word-break: break-all">
<div style="width: 100px; height: 30px; float: left"></div>
rwrewrewrewrewrewrwrerewrewrewrewrewrewrewreewrewrewre
</div>
</body>
</html>
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.9k 阅读✓ 已解决
不可能。下一位。
因为这边全都是块,不存在这些异型布局。
你可以考虑 float 来做图文混排。甚至还可以搭配一些图片裁剪的属性,来让图片异型,但是本质来讲是图文混排,不是异型布局。
然后文字换行的话,好像是 word-break、white-space 吧。