控制文本的对齐方式，可以实现居中效果。

练习两年半还没成功

于 2024-03-24 22:12:18 发布

阅读量435

点赞数 11

CC 4.0 BY-SA版权

文章标签： java 前端 javascript

本文链接：https://blog.youkuaiyun.com/m0_65677244/article/details/136996834

本文介绍了如何使用CSS文本对齐属性，如text-align，实现元素的居中、左对齐和右对齐样式。主要讲解了center、left和right类的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style>
  .center{
    text-align: center; 
  }
  .left{
    text-align: left;     

  }
  .right{
    text-align: right;
  }
</style>


 <div class="center">
    <p>居中</p>
  </div>
  <div class="right">
    <p>右对齐</p>
  </div>
  <div class="left">
    <p>左对齐</p>
  </div>