文本在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}}人
人已赞助
2 条回复 A文章作者 M管理员
  1. 久伴

  2. 久伴

    性感美眉

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索