Fatal编程技术网
  • css/
  • Css 浮动元素上方的文本浮动换行

Css 浮动元素上方的文本浮动换行

css

Css 浮动元素上方的文本浮动换行,css,Css,请看这个 我希望h4元素环绕浮动元素，而不更改文档流，而不给h4设置宽度 您会注意到，如果将浮动元素移动到h4上方，它的行为将与我希望的方式相同 我需要这样做的原因是网站是有响应的，所以我不能依赖于h4的宽度，浮动元素需要精确的宽度。使文本清晰：无并将.floated元素移动到h4上方 CSS HTML 这是一个需要围绕浮动元素的长标题 在检查其他答案和评论后，如果不将浮动元素移动到h4上方，或者给h4一个宽度，确实不可能做到这一点。感谢IAMBRIANSRED的回答，但我正在寻找一种不改变

请看这个

我希望
h4
元素环绕浮动元素，而不更改文档流，而不给
h4
设置宽度

您会注意到，如果将浮动元素移动到
h4
上方，它的行为将与我希望的方式相同

我需要这样做的原因是网站是有响应的，所以我不能依赖于
h4
的宽度，浮动元素需要精确的宽度。

使文本
清晰：无
并将
.floated元素
移动到
h4
上方

CSS

HTML


这是一个需要围绕浮动元素的长标题

在检查其他答案和评论后，如果不将
浮动元素
移动到
h4
上方，或者给
h4
一个宽度，确实不可能做到这一点。

感谢IAMBRIANSRED的回答，但我正在寻找一种不改变文档流的方法，如上所述。如果我理解正确，在你给定的限制下，这似乎是不可能的。我无法理解你想要什么。如果你能添加一个粗略的图像，那么给h4一个宽度是不可能的，不管是px还是%移动浮动元素到“h4”上面，都能解决你的问题，不是吗？ 
.text {
    clear: none;
    display: block;                   
}

<div class="floated-element"></div>
<h4>This is a long title that needs to wrap around the floated element</h4>