Question

我的网站上有一块瓷砖，当我将鼠标悬停在它上面时会翻转。在第一次我试图按下按钮的背面。按钮挂在底部，我不太清楚我怎么能得到它在瓷砖背面的段落下面。此外，我不能让瓷砖的标题居中。我尝试使用

text-align:center;

但这似乎不起作用。

Here's我正在编写的代码。因此，如果你运行它并将鼠标悬停在第一块黑色瓷砖上，你会看到文字“永远沙沙作响”。这是有问题的瓷砖。任何帮助，将不胜感激。感谢。

Answer 1

我想我有你的修复！使用你给我们的东西，我刚刚在CSS的“btile”部分添加了两个东西，所以它看起来像下面那个：

#btile {
    width:350px;
    text-align:center;
}

并修复了标题问题，我只是在下面的代码中添加了宽度：

.webname {
    width: 350px;//I added this
    font:800 17px/17px"open sans";
    color:#333;
    text-transform:uppercase;
    text-align:center;
    border-top:1px dashed #888;
    z-index:50;
    position:absolute;
    text-align:center;
}

宽度来自哪里？这是你的照片的大小！只需确保div宽度与图片的大小相同即可。这是一个JsFiddle，可以准确地向您展示我的所作所为！如果它不起作用，请告诉我！：）

如何正确地将此按钮放在我的段落下？

1 个答案: