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

Div是矩形的。您需要使用text-align: right;，将内容推送过来，或者使用其他div来填充该区域。

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

Answer 3

使用此代码

<强> 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
}

Check the demo here

不规则div与空左下角

3 个答案: