Question

我有一些翻译文本，我想做绝对定位。我有英文单词NEW和法语NOUVEAU。我希望这个词出现在图形下方的中心。由于单词的长度不同，我认为最好的方法（丑陋）是做绝对定位。我想设置left：为NEW的值和NOUVEAU的另一个值，具体取决于locale是en还是fr。

以下是我视图中的代码：

<p class="header-new1"><%= "#{t :new_landing}" %></p>

这是我目前的CSS代码，它将NOUVEAU放在我想要的位置：

.header-new1 {
    text-transform: uppercase;
    text-align: center;
    padding-top: 5px;
    color: @red;
    font-size: 143%;
    font-weight: bold;
    position: absolute;
    top: 450px;
    left: 652px;
}

我已经阅读了很多不同的解决方案，但没有一个适合我的情况。我希望找到一种方法，我不必为每个语言环境创建单独的CSS代码，并在我的视图中检查语言环境。如果有更清洁的方法，我肯定会感谢你的帮助。

Answer 1

好的，让我直截了当地说：

您有一个图像（图形），您想在其下居中p？为什么不给p提供与图像/图形相同的宽度，并将text-align: center添加到您的CSS中。这应该够了吧。或者我完全错了？

根据区域设置设置单个样式表

1 个答案: