【问题标题】:Floating a block of text between 2 paragraphs在 2 个段落之间浮动文本块
【发布时间】:2012-05-14 21:56:55
【问题描述】:

我想浮动一个格式化的文本块,使其与文档中的第一段和第二段文本一起流动。

我希望块以这样的方式浮动,即第 1 段的前 2-3 句环绕浮动框的顶部和左侧。

另外,我希望块以这样的方式浮动,它会导致第 2 段环绕浮动框的左侧和底部。

我了解所有内容都与第 1 段和第 2 段中的内容量以及浮动框有关。

我知道如何用第 1 段或第 2 段浮动框,但我希望能够定位浮动,以便两个段落都环绕浮动框。

以前有人做过吗?

【问题讨论】:

  • 这几乎就像你需要用“幻影”上边距或透明上边距浮动它。我在想有某种巧妙的 css 技巧可以做到这一点......希望有人以前做过。感谢您的帮助。
  • 你能上传一张你想要完成的图片吗?我迷失了所有的话xD
  • 一张照片会有很大帮助。没听懂。
  • 是的,在打字的时候想到了……图片确实可以画出数千个单词 -- bit.ly/uIaQou
  • 再一次,我可以处理所有格式...这只是浮动容器的定位,我需要帮助。谢谢

标签: css css-float


【解决方案1】:

这对http://jsfiddle.net/uusTK/ 有帮助吗? 如果拆分文本没问题: http://jsfiddle.net/GymnK/1/

【讨论】:

  • @Dr. DOT sasidhar 的小提琴是要走的路。但是,要使文本环绕框,您必须将该跨度放在要划分的文本的中间。像这样:jsfiddle.net/uusTK/2这对你有用吗?
  • @Dr.DOT 这样(utopicam 的评论)是您的预期结果吗?虽然你不想拆分你的文字吗??
  • 感谢@sasidhar ...“utopicam”对您制定的框架的调整绝对是我正在寻找的解决方案。感谢真正整洁的 CSS !
  • 我现在不禁想知道那个幻影魔术 css 技巧!我敢肯定有很多选择可以以更“熟练”的方式做到这一点。我会调查它:D @sasidhar 是的,这不是最好的选择,特别是如果你有动态文本。但如果你有一个静态页面,内容不会有太大变化......
  • 这不是破坏了wrap这个词的意思吗???应尽可能进行包装,但不是以预定义和静态的方式?格式化框的位置似乎是静态的并且固定在该位置。这是正确的解决方案吗?我不满意..??
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-11-11
  • 1970-01-01
  • 1970-01-01
  • 2021-08-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多