一.html部分 <div class="f21">获取验证码</div> 二.css部分 //不要忘记引入自己写的css .f21{ height: 36px; line-height: 35px; width: 125px; margin-right: 55px; margin-top: 20p ...
分类:
其他好文 时间:
2019-12-31 12:19:02
阅读次数:
77
元素水平垂直居中的方式有哪些? absolute加margin方案 fixed 加 margin 方案 display:table 方案 行内元素line-height方案 flex 弹性布局方案 transform 未知元素宽高解决方案 absolute加margin方案 div{ positio ...
分类:
其他好文 时间:
2019-12-17 22:25:07
阅读次数:
103
页面: <div class="ml_labelOne"> <div class="ml_label_text mustWrite" style="width:125px;float: left;line-height:34px;"> 照片: </div> <div class="ml_label_ ...
分类:
Web程序 时间:
2019-12-16 14:49:55
阅读次数:
103
张鑫旭老师在文章《我对CSS vertical-align的一些理解与认识(一)》中提到: vertical-align:middle属性的表现与否,仅仅与其父标签有关,至于我们通常看到的与后面的文字垂直居中显示那都是假象! 经过摸索测试,才对这句话有种豁然开朗的感觉。 html: <span cl ...
分类:
其他好文 时间:
2019-12-14 19:04:14
阅读次数:
67
.clearfix:after{ content:"";/ 设置内容为空 / height:0;/ 高度为0 / line height:0;/ 行高为0 / display:block;/ 将文本转为块级元素 / visibility:hidden;/ 将元素隐藏 / clear:both;/ 清 ...
分类:
其他好文 时间:
2019-12-08 17:15:47
阅读次数:
87
<template> <div> <ul class="tab-tilte"> <li v-for="(title,index) in tabTitle" @click="cur=index" :class="{active:cur==index}"> {{title}} </li> </ul> < ...
分类:
其他好文 时间:
2019-12-07 14:26:34
阅读次数:
77
最近在看张鑫旭大佬的《css世界》,读到5.2.4 内联元素 line-height 的“大值特性” ,产生了疑惑, 在开发中确实也遇到了同样的问题,深入探究后得出结果,先说结论吧,论证内容有点长,结论: 行内元素自身并没有行高这个属性,虽然设置可以设置行高,但是最终作用的地方并不是自身,而是其自身 ...
分类:
其他好文 时间:
2019-12-06 14:02:19
阅读次数:
171
页面挂载的时候定时器搞起 <el-row> <div class="ui-toolbar" style="height: 32px; line-height: 32px;"> <div style="margin-left:10px;" :class="isExecuteTiming ? 'gree ...
分类:
其他好文 时间:
2019-12-03 19:45:36
阅读次数:
94
文本实现斑马线效果 <style> p { font-size: 17px; line-height: 25px; background-color: antiquewhite; background-image: linear-gradient(#99999 50%, transparent 0) ...
分类:
Web程序 时间:
2019-12-03 10:36:34
阅读次数:
227
关于input光标在手机端偏移 问题根本:不要使用line-height垂直居中。 解决方法:可直接定义height,然后高度由上下padding值撑开。 移动端清除input光标 ios input 添加 readonly unselectable=”on” 属性,光标依旧还在 input聚焦时马 ...
分类:
移动开发 时间:
2019-11-30 11:37:50
阅读次数:
112