【问题标题】:Post / page text (Callouts) that float 'next' to main paragraph text浮动“下一个”到主要段落文本的帖子/页面文本(标注)
【发布时间】:2013-03-31 21:02:46
【问题描述】:

我想做的事:

我想创建可以“浮动”其他文本的文本;我相信 Callouts 是这个词。由于我是 CSS 新手,我不知道从哪里开始。如果有人能把我踢到正确的方向,我相信我可以进一步探索(并尽职尽责地在这里记录)。

其他想法:

  1. 我希望“突出显示文本”仍然是叙述的一部分 帖子/页面的流程(内容之外没有任何内容)。
  2. 我什至不知道这是 CSS 还是 PHP 的东西。
  3. 因为我一直在尝试通过子主题做所有事情,所以我什至没有调查 插件。这是明智的吗?
  4. 示例博客文章是 here

非常感谢您的任何指导。

【问题讨论】:

    标签: php css wordpress wordpress-theming


    【解决方案1】:

    为了让我解释您的请求的方式顺利进行,您需要在您的 H5 标记中添加以下内容:

    • 浮动(向左或向右)
    • 指定宽度
    • 指定填充,以便“环绕它”的项目不会触及它

      h5 { 向左飘浮; 宽度:100px; 填充:0 20px 20px 0; /* 简写:上、右、下、左 */ }

    (试图制作一张图片来展示这一点,但显然我的代表不够高,无法提供那么多帮助;)

    但是,当您浮动内容时,会将它们从文档的垂直流中取出,因此根据使用方式,您可能需要调查诸如“clearfix”之类的内容,或者如果您需要标注的高度来清除浮动内容受到尊重。 (如果文本不打算绕过标注,您的标注可能会与您的页脚重叠或类似的奇怪的东西。

    如果您提供更多信息,我可以进一步详细说明修复。在您的示例帖子中,什么是标注?

    【讨论】:

    • 谢谢,克里斯!我将尽快调查此事。我发现了很多关于浮动 images 而不是文本的信息。仍在削弱我的绿色-ness。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-15
    相关资源
    最近更新 更多