最近写网页经常需要将div在屏幕中居中显示，遂记录下几个常用的方法，都比较简单。水平居中直接加上<center>标签即可，或者设置margin:auto;当然也可以用下面的方法下面说两种在屏幕正中（水平居中+垂直居中）的方法放上示范的html代码：<body> <div class="main"> ...
分类：
其他好文 时间：
2018-12-13 10:26:54
阅读次数：
173
line-height：容器高度 text-align: center 水平居中 text-decoration:none 去掉划线 text-decoration:overline 上划线 text-decoration:underline 下划线 text-decoration:line-thr ...
分类：
Web程序 时间：
2018-12-07 14:41:02
阅读次数：
267
当container中指定的大小时，里面放入图片后，图片是居中自适应的，这个似乎是container天生对图片就带有的特性(其他类型默认是左上位置开始显示)，并且是居中的，根据图片的大小，垂直居中或者水平居中。 如果container中展示图片想按照更多的特性展示，可以在图片外面使用FittedBo ...
分类：
数据库 时间：
2018-12-02 20:06:13
阅读次数：
171
UI布局多半是套路，熟悉套路的规则。 Flutter的UI布局也有一套规则 center center可以让任何元素在屏幕中居中，既是水平居中又是垂直居中，如果想让元素从上而下排列要怎么办呢？那就得使用column来配合 container container是个容器，可以包在一个元素的外面，con ...
分类：
其他好文 时间：
2018-12-01 18:24:22
阅读次数：
190
1.利用translate的偏移定位。 2.利用flex布局 备注：css遮罩层 ...
分类：
Web程序 时间：
2018-11-30 18:23:29
阅读次数：
204
前言：今天学的有点少，主要是有点迷.... 这是昨天没写的 一、水平居中 在知道元素的宽度的情况下 在不知道元素的宽度的情况下 二、垂直居中 二、水平垂直居中 ...
分类：
Web程序 时间：
2018-11-29 01:35:47
阅读次数：
197
上述编码的结果示意图如下所示： - 采用弹性布局，flex，也就是flexible-box的简称，弹性布局只要在父元素上设置display：flex；align-items:center;justify-content:center即可。这也是最简单的方法了。代码如下： 效果图： - flex还有一 ...
分类：
其他好文 时间：
2018-11-28 23:51:15
阅读次数：
452
水平居中分为 行内元素的水平居中 和 块状元素的水平居中（块状元素又分为定宽块状元素和不定款块状元素） 一、行内元素居中 像文本图片等行内元素，居中是在其父元素中加 text-align:center; 来实现 div 就是 文本“我要居中”的父元素, 文本“我要居中”，就会水平居中 二、定宽块状元 ...
分类：
其他好文 时间：
2018-11-28 18:55:00
阅读次数：
239
页面结构都是: 一、水平居中 1.设置父元素和子元素，inline-block+text-align：ie6↑ 2.设置子元素，table+margin： ie8↑ 3.设置父元素和子元素，absolute+transform：ie10↑ 4.设置父元素和子元素，flex+margin：ie9↑ 5 ...
分类：
其他好文 时间：
2018-11-26 22:08:44
阅读次数：
286
.wraper { position: relative; .box { position: absolute; top: 50 %; left: 50 %; width: 100px; height: 100px; margin: -50px 0 0 - 50px; } } // 2 .wrape ...
分类：
其他好文 时间：
2018-11-21 15:45:20
阅读次数：
221
