如何使用css将文本放在右上角或右下角的“框”中

前端之家收集整理的这篇文章主要介绍了如何使用css将文本放在右上角或右下角的“框”中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我将如何让这里和这里在右边,与lorem ipsum相同的路线?请参阅以下内容
Lorem Ipsum etc........here  
blah.......................  
blah blah..................  
blah.......................  
lorem ipsums.......and here

解决方法

<div style="position: relative; width: 250px;">
  <div style="position: absolute; top: 0; right: 0; width: 100px; text-align:right;">
    here
  </div>
  <div style="position: absolute; bottom: 0; right: 0; width: 100px; text-align:right;">
    and here
  </div>
  Lorem Ipsum etc <br />
  blah <br />
  blah blah <br />
  blah <br />
  lorem ipsums
</div>

让你相当接近,尽管你可能需要调整“顶部”和“底部”值.

猜你在找的CSS相关文章