css部分 *{ margin: 0; padding: 0; } li{ list-style: none; width:48%; height:100px; text-align: center; line-height: 100px; background: gainsboro; margin ...
分类：
Web程序 时间：
2019-01-24 11:47:31
阅读次数：
293
var htmlStr='<p class="cjk" style="margin-bottom: 0cm; line-height: 16px;">关于融托优选<font face="Calibri, sans-serif"><span>APP</span></font>正式发布的通知！</p>< ...
分类：
Web程序 时间：
2019-01-16 14:26:50
阅读次数：
195
div { width:400px; height: 300px; line-height: 300px; background: #4bb1ff; font-size: 100px; text-align: center; color: #fff; text-shadow: 1px 1px 0 # ...
分类：
Web程序 时间：
2019-01-16 11:42:49
阅读次数：
353
CSS实现居中，无论在实际开发和面试都是常见的内容。 本文总结了实现居中常见的几种方式，包含宽度已知/未知及兼容性的要求。 这一段是公共内容，pn类是父容器，box类代表需要居中的元素，size类控制是否定义高度。 line-height 利用行内元素高度和行高相同的居中效果，此方法常用于单行文本的 ...
分类：
Web程序 时间：
2019-01-11 20:02:21
阅读次数：
155
一、垂直对齐方式{vertical-align：middle/top/bottom；} <img>垂直对齐方式：1）给自身加vertical-align；再设置line-height即可； 注意：img会受文字影响自带行高需加font-size：0；去除影响； 2）给img标签设置参照物，也就是在同 ...
分类：
其他好文 时间：
2019-01-02 20:44:15
阅读次数：
216
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px; height: 100px; line-height: 100px; tex ...
分类：
Web程序 时间：
2018-12-31 13:07:58
阅读次数：
146
文章目录 一、行高（line-height）法 二、内边距（padding）法 三、模拟表格法 四、CSS3的transform来实现 五：css3的box方法实现水平垂直居中 六：flex布局（2018/04/17补充） 一、行高（line-height）法 如果要垂直居中的只有一行或几个文字，那 ...
分类：
Web程序 时间：
2018-12-27 13:13:27
阅读次数：
223
<html> <head> <style> </style> </head> <body> <!--line-height:属性表示的是该div中的文字的行高，注意这个属性是来定义文字的行高的，单行文本垂直居中时可以设置line-height和height一即可--> <!--line-height ...
分类：
其他好文 时间：
2018-12-25 11:36:03
阅读次数：
170
在CSS中， 属性用于设置多行元素的空间量，比如文本。对于块级元素，它指定元素行盒的最小高度。对于非替代的 元素，它用于计算行盒的高度。 语法 取值 取决于用户端。桌面浏览器（包括Firefox）使用默认值，约为1.2，这取决于元素的 。 该属性的应用值是这个无单位数字乘以该元素的字体大小。计算值与 ...
分类：
Web程序 时间：
2018-12-24 23:28:31
阅读次数：
336
