修改button高度：需要设置line-height属性，值与height设置相同即可，不然按钮中的文字显示不会居中 https://www.cnblogs.com/china-fanny/p/10405462.html ...
分类：
微信 时间：
2019-07-26 22:52:47
阅读次数：
317
首先我们要明确 line-height 的定义，line-height指的是两条文字基线之间的距离。 行内框盒子模型 所有内联元素的样式表现都与行内框盒子模型有关。所以这个概念是非常重要的。 如上面一段普普通通的代码，却包含了4种盒子： 1）“内容区域”（content area），是一种围绕文字看 ...
分类：
Web程序 时间：
2019-07-24 22:46:55
阅读次数：
2716
ios端兼容input光标高度处理 在最近的项目中遇到一个问题，input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上 当点击输入的时候，光标的高度和父盒子的高度一样。造成的原因就是给父盒子添加了height和line-height 当点击输入的时候，光标的高度就自动和父盒子的高度一样了。 ...
分类：
移动开发 时间：
2019-07-16 16:51:52
阅读次数：
185
<button type='button' style='border: 1px solid #eeeeee;color: #717070;height: 20px;border-radius: 3px;line-height: 18px;' class='button cbtn' onclick= ...
分类：
其他好文 时间：
2019-07-09 19:40:26
阅读次数：
145
1.浮动子元素撑开父元素盒子高度 input 的placeholder会出现文本位置偏上的情况：PC端设置line-height等于height能够对齐，而移动端仍然是偏上，解决方案时是设置css line-height：normal; 2，往返缓存问题 点击浏览器的回退，有时候不会自动执行js，特 ...
分类：
移动开发 时间：
2019-06-28 19:35:43
阅读次数：
133
#blogTitle h1 { font-size: 150%; font-weight: bold; line-height: 1.5em; margin-left: 1em; margin-top: 10px; width: 50%; float: left; display: none; le... ...
分类：
Web程序 时间：
2019-06-13 15:49:33
阅读次数：
120
初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了，随着以后工作问题层出不穷，才逐渐了解到CSS并不是几个style属性那么简单，最近看了一些关于行高的知识，就此总结一下。 所谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基本知识： 顶线 ...
分类：
Web程序 时间：
2019-06-12 00:51:34
阅读次数：
144
1、文本水平居中line-height,text-align:center(文字)元素水平居中 margin:0 auo 方案1：position 元素已知宽度 父元素设置为：position: relative; 子元素设置为：position: absolute; left: 50%;top: ...
分类：
Web程序 时间：
2019-06-03 09:21:03
阅读次数：
127
float：浮动 clear ;both 要浮动的标签用div包起来给d iv设宽高设行高垂直居 line-height: 30px；行高默认垂直居中 line-height最好对一行使用，如果换行了， 标签高度就变了 消除浮动：clear:both (使自身不受上面浮动的效果) 兼容：将最外层的标 ...
分类：
其他好文 时间：
2019-05-30 21:54:12
阅读次数：
126
首先要创建一个工具栏。并为工具栏中的放大、缩小button定义事件。 <div id="toolbar" style="float:left;margin-top:5px;margin-left: 5px;line-height: 35px;"> <img src="src/images/zoomi ...
分类：
其他好文 时间：
2019-05-23 17:02:29
阅读次数：
276
