Question

所以我试图在我的网站的标题中添加以下“像我们在Facebook上”代码，并且它是正确的，而标题＆amp;描述保持左对齐。这是FB代码：

<div class="fb-like-box" data-href="http://www.facebook.com/HowToForiPad" data-width="292" data-show-faces="false" data-stream="false" data-header="false"></div>

我不是最熟悉这种类型的东西，所以我不想乱用CSS而只是试图将上面的代码放到我的header.php文件中的适当位置。棘手的部分（对我而言）是让Facebook Like右对齐，而网站标题和描述保持左对齐。

这是我希望它看起来像的一个例子（忽略下划线......必须这样做才能让它看起来正确）

欢迎来到任何地点该网站确实是blah_ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ _ _在facebook上等我们

以下是header.php中的相关代码：

        <!-- HEADER -->
        <div id="header">
            <div class="website-name"><a href="<?php echo home_url(); ?>/"><?php bloginfo('name'); ?></a></div>
            <div class="slogan"><?php bloginfo('description'); ?></div>
        </div>
        <!-- /HEADER -->

所以基本上我希望Facebook代码与网站描述一致，但是正确对齐（而网站描述是合理的）。

非常感谢任何帮助！

Answer 1

使用CSS几乎是您唯一的选择。

您可以将标语div更改为跨度（或在div上设置宽度），在此跨度下方添加fb like框并向右浮动。这应该做你需要的。

如果您真的不想触摸CSS文件，可以内联添加样式，但我不建议这样做，因为这不是最佳做法。

试图在标题中正确地证明“像我们一样在Facebook上的代码”

1 个答案: