0

我有一些我想做绝对定位的翻译文本。我有英语中的 NEW 和法语中的 NOUVEAU 一词。我希望单词出现在图形下方的中心。由于单词的长度不同，我认为最好的方法（丑陋）是做绝对定位。我想将 left: 设置为 NEW 的值和 NOUVEAU 的另一个值，具体取决于语言环境是 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 代码并在我的视图中检查语言环境。如果有更清洁的方法可以做到这一点，我肯定会感谢您的帮助。

4

1 回答 1

0

好的，让我直截了当：

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

于 2013-10-13T01:59:42.920 回答