如何使文字在div中水平和垂直居中的css代码

最新推荐文章于 2022-11-16 09:41:45 发布

浪子骑驴

最新推荐文章于 2022-11-16 09:41:45 发布

阅读量492

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/RodJohnson_523391/article/details/84821036

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了使用CSS进行文本对齐的方法，包括左对齐、右对齐、居中对齐及两端对齐等，并提供了相应的代码示例。

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

[color=darkblue][b]CSS定义字体行间距 line-height:xxpx;[/b][/color]

CSS各种对齐代码，左对齐、右对齐、中间对齐、底部对齐、两端对齐等，代码简单，在此与大家分享：

/*CSS代码：*/
/*左对齐*/
.left {
    text-align: left;
    border: 1px dotted black;
    width: 50%;
}
/*右对齐*/
.right {
    text-align: right;
    border: 1px dotted black;
    width: 50%;
}
/*居中对齐*/
.center {
    text-align: center;
    border: 1px dotted black;
    width: 50%;
}
/*两端对齐*/
.justify {
    text-align: justify;
    border: 1px dotted black;
    width: 50%;
}

参考：http://zhidao.baidu.com/link?url=gpkj0urG1l3_o4L2PbyVmHtqmA2Gc0xsCebGAZN_f1am_x7xgawGx0VQSqaegwyJerg6jvPUsOQnxh53vRMSz_

http://www.jb51.net/css/28142.html