html - 左下角为空的不规则 div

Question

我想制作一个 div，我将在其中放置文本。div 应该是这样的：

qqqqqqqqqqqqq
qqqqqqqqqqqqq
qqqqqqqqqqqqq
qqqqqqqqqqqqq
qqqqqqqqqqqqq
qqqqqqqqqqqqq
  qqqqqqqqqqq
    qqqqqqqqq
      qqqqqqq
        qqqqq

我不想在左下角看到文字，但text-align: left;它应该看起来像我的例子。

Answer 1

试试这样

的HTML

<div>
    <div>qqqqqqqqqqqqq</div>
    <div>qqqqqqqqqqqqq</div>
    <div>qqqqqqqqqqqqq</div>        
    <div>qqqqqqqqqqqqq</div>    
    <div>qqqqqqqqqqqqq</div>
    <div>qqqqqqqqqqqqq</div>
    <div>qqqqqqqqqqq</div>
    <div>qqqqqqqqq</div>    
    <div>qqqqqqq</div>
    <div>qqqqq</div>        
</div>

CSS

div
{
text-align:right
}

Answer 2

使用此代码

HTML

<div class="div1">
qqqqqqqqqqqqq<br>
qqqqqqqqqqqqq<br>
qqqqqqqqqqqqq<br>
qqqqqqqqqqqqq<br>
qqqqqqqqqqqqq<br>
qqqqqqqqqqqqq<br>
qqqqqqqqqqq<br>
qqqqqqqqq<br>
qqqqqqq<br>
qqqqq<br>

</div>

CSS

.div1{
width:150px;
height:200px;
background:#eaeaea;
text-align:right
}

在这里查看演示

Answer 3

div 是矩形的。您要么需要使用text-align: right;, put nbsp's 来推动内容，要么使用其他 div 来填充该区域。

您的示例似乎非常适合，text-align: right;因为文本是正确的。