文本在div块中水平垂直居中方案

html结构

<div class="j_div">
  <h3>久伴博客网</h3>
</div>

第一种方法

使用以下代码使div中的文本水平居中

text-align:center

使用以下代码使div中的文本垂直居中

vertical-align: middle;
display: table-cell;

水平且垂直居中整理Code

.j_div {
            width: 300px;
            height: 300px;
            border: 1px dashed red;
            text-align: center;
            vertical-align: middle;
            display: table-cell;
}

效果图

为TA充电
共{{data.count}}人
人已赞赏
WEB前端折腾笔录

健身戒色打卡记录网页版v1.0即将开发完毕

2021-5-6 2:49:31

WEB前端

前端flex布局详解

2021-6-9 10:25:47

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索