Question

我是noobie wed dev。我在我的网站上添加了一个Facebook推荐/分享按钮，但我不知道如何水平/垂直对齐。它附带了一个我放入CSS的id标签（我使用margin-left编辑，margin-top等），但没有看到任何更改。

我做错了什么？

HTML：

<div class="fb-like" data-href="https://www.facebook.com/getbarterly" data-width="450"
     data-colorscheme="dark"  data-layout="standard" data-action="recommend" 
     data-show-faces="true" data-share="true"></div>
</div>

CSS：

.fb-like {
    margin-left: -350px;
}

Answer 1

我在这里使用相同的标记做了一个小例子：http://jsfiddle.net/brunomuller/yzex8pgx/6/。

<div class="fb-like" data-href="https://www.facebook.com/facebook" data-width="450"
 data-colorscheme="dark"  data-layout="standard" data-action="recommend" 
 data-show-faces="true" data-share="true"></div>

正如您所看到的，保证金工作正常。也许只有当你向我们展示一些有效的代码时，我们才能提供帮助。

您可以尝试使用另一个div包装.fb-like，并在其上应用所有样式，因此您只使用您的类，并使代码更可重用。此外，您在示例中还有一个额外的结束div标记。

Answer 2

This will be displayed in a monospaced font. The first four spaces
will be stripped off, but all other whitespace will be preserved.

Markdown and HTML are turned off in code blocks:
<i>This is not italic</i>, and [this is not a link](https://example.com)

要创建不是块而是内联代码范围，请使用反引号：

$字符只是window.jQuery的快捷方式。如果要在列表中包含预格式化的块，请缩进八个空格：

这是普通文本。

这也是，但是现在跟随一个代码块：

Skip a line and indent eight spaces.
That's four spaces for the list
and four to trigger the code block.

Answer 3

尝试绝对定位div并使用顶部/左侧或底部/右侧。

.fb-like {
position: absolute;
left: 20px;
top: 200px;
}

http://www.w3schools.com/css/tryit.asp?filename=trycss_position_absolute

希望这有效：）

对齐Facebook按钮

3 个答案: