Question

我想使用div align =“right”对齐一些文本，但我不希望它一直向右。有没有办法指定我想要文本的正确程度。这似乎很简单，但我无法找到如何做到这一点。

谢谢。

Answer 1

使用此：

.divClass {
    padding-right: 50px;
    text-align: right;
}

填充将把div内的所有内容推到左边，无论你想要什么距离。您还可以指定％，pt，em，in，cm ...

Answer 2

您可以在CSS中设置text-align: right，在元素上设置padding-right: 30px，这样它就不会出现在元素的最右侧。

如果您不希望元素通过填充增长，可以在其上使用box-sizing: border-box，以便填充包含在其宽度中。

Answer 3

要在HTML中自定义div align = 'right'标记，您可以在HTML代码中使用CSS类。所以，你可以试试这个：

    <html>
    <head>
    <style>
   p.first {

        padding-right: 100px;
        text-align:right;
        background-color: gray; 
        color:red;

     }
    </style>
    </head>
    <body>
    <h2>Embedding CSS Classes</h2>
    <p class="first">This is the p.first paragraph</p>
    <div align ="right">This isnot formatted Sentence</div>
    </body>
    </html>

我希望你得到你需要的东西！

将元素对齐到右侧

3 个答案: