1、Line-height 适用情景：单行文字垂直居中技巧 这个方式应该是最多人知道的了，常见于单行文字的应用，像是按钮这一类对象，或者是下拉框、导航此类元素最常见到的方式了。此方式的原理是在于将单行文字的行高设定后，文字会位于行高的垂直中间位置，利用此原理就能轻松达成垂直居中的需求了。 2、Lin ...
分类：
Web程序 时间：
2018-09-01 23:43:55
阅读次数：
219
行高法（line height）： 如果要垂直居中的只有一行inline元素，只要让其行高（line height）和容器的高度(height)相同即可，比如： ① 它的父盒子是block. ? ② 如果是inline元素，它没有高度属性可以调整，只有水平居中，只能临时把它{display:inli ...
分类：
其他好文 时间：
2018-08-29 13:58:58
阅读次数：
140
1. line-height :单行文字垂直居中 适用于 按钮 下拉框 导航 原理是将单行文字的行高设定后,文字会位于行高的垂直中间位置. 2.line-height + inline-block 多对象多个元素或多行元素的垂直居中 将多个元素或多行元素当成一个行元素来看待,需要将这些数据多包一层, ...
分类：
Web程序 时间：
2018-08-24 19:20:15
阅读次数：
159
1、Line-height + inline-block ...
分类：
Web程序 时间：
2018-08-24 13:33:12
阅读次数：
189
一.权重的比较： 1.元素被选中： ID选择器>类选择器>标签选择器 2.元素未选中：谁离目标近选谁 二.元素的居中 1.居中： 单行/多行 属性：text-align:center 单行文本：line-height=height(设置行高等于个高) 多行文本：不设置高度，同时设置上下相等的padd ...
分类：
Web程序 时间：
2018-08-22 19:07:56
阅读次数：
181
垂直居中： 1，单行文本，行高等于高，即line-height等于父级的高； 2，多行文本，父级设置相对定位：position:relative，子集设置绝对定位,position:absolute;先定位到50%的位置，即top:50%, 在往上提自身的50%，即margin-top:-自身高度的 ...
分类：
Web程序 时间：
2018-08-19 23:21:55
阅读次数：
240
百度解决方案： <img align="top" src="图片地址" /> 店招图片必须加上 align="top" 巧匠课堂解决方案： <table style="line-height:1px;" width="950" height="150" border="0" cellpadding= ...
分类：
其他好文 时间：
2018-08-17 23:34:10
阅读次数：
250
line-height行高 行高也就是基线与基线的距离 一行文本垂直居中 行高的设置可以让一行文本在盒子中垂直居中 做法就是，让文字的行高等于盒子的高度 行高分为上距离，下距离和内容高度，上下距离平分除内容高度外距离 行高小于盒子高度，会偏上一点， 行高大于盒子高度，会偏下一点， ...
分类：
Web程序 时间：
2018-08-17 13:58:35
阅读次数：
212
.table-1 td { height: 1.1467rem; line-height: 1.1467rem; text-align: center; vertical-align: middle; color: #666; width: 50%; } .sure-img{ width: 0.34... ...
分类：
其他好文 时间：
2018-08-15 19:05:54
阅读次数：
657
HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>加载更多</title> <style type="text/css"> .list li{ padding: 10px; line-height: 15px; } ...
分类：
Web程序 时间：
2018-08-14 19:56:45
阅读次数：
181
