如何包裹
div在文本中?
目标是看起来像这样..
text|text|text|text|text|text|text|text|text|
text|text|text|text|text|text|text|text|text|
|text|text|text|text|text|text|text|
|text|text|text|text|text|text|text|
|text|text|text|text|text|text|text|
text|text|text|text|text|text|text|text|text|
text|text|text|text|text|text|text|text|text|
- div 在文本之前
- 文本是段落
- 即
<div></div><p></p>
我试过 float div 并添加 margin-top 但文本没有环绕在 div 之上。 我试过 position:relative 和 position:absolute 是重叠的(不是文字换行)。
谢谢
最佳答案
看看这个!我正在使用 shape-outside属性(property)。
<html>
<head>
<title>This is the title</title>
<style>
body {
max-width: 500px;
font-size: 30px;
}
div {
-webkit-shape-outside: inset(100px 40px 40px 0px);
shape-outside: inset(100px 40px 40px 0px);
width: 142px;
height: 200px;
float: left;
}
</style>
</head>
<body>
<div></div>
<p>
|text|text|text|text|text|text|text|text|text|
|text|text|text|text|text|text|text|text|text|
|text|text|text|text|text|text|text|
|text|text|text|text|text|text|text|
|text|text|text|text|text|text|text|
|text|text|text|text|text|text|text|text|text|
|text|text|text|text|text|text|text|text|text|
</p>
</body>
</html>
关于html - 在 css 中将 <div> 包装在文本中间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46254253/