实际效果 对css样式进行修改,才能使icon图标垂直居中,然后居左 下面的line height: 50px,因为我的input框是50px高 然后这利的left:20px 如果你不给,icon图标就是靠右对齐 ...
分类:
其他好文 时间:
2018-05-03 20:54:05
阅读次数:
195
##行高 line-height —————————— 顶线(top line) —————————— 中线(middle line) —————————— 基线(ase line) —————————— 底线(bottom line) ##盒子的相对位置 相对位置:是指相对于盒子在原本定位体系下的 ...
分类:
其他好文 时间:
2018-05-02 02:40:55
阅读次数:
112
手风琴切换效果 代码: CSS代码: .acco_box { width:400px; border:1px solid #a0b3d6; } .acco_title { line-height:26px; padding-left:10px; font-size:14px; background- ...
分类:
其他好文 时间:
2018-05-01 23:30:33
阅读次数:
141
<style> *{ margin: 0; padding: 0; } form{ position: relative; } .text{ width:300px; border: 1px solid #FFCC00; line-height: 40px; outline:none; } .sub ...
分类:
其他好文 时间:
2018-04-26 21:44:40
阅读次数:
259
1.制作下面图像列表 2.<style type="text/css"> ul{ width: 200px; list-style: none;} ul li{margin-top: 10px;} ul li a{ display: block; height: 35px; line-height: ...
分类:
其他好文 时间:
2018-04-26 13:22:55
阅读次数:
277
当父元素设置高度为百分比的时候line-height的值自然也就不能是定值不能用绝对的px值,但是给line-height设置百分比,实际上这个百分比是根据字体大小计算的,还是无法得出具体的百分比,所以遇到这种情况只能另辟蹊径,有两种解决办法:1.给父元素设置display:flex;align-items:center;justify-content:center;2.给父元素设置displa:
分类:
其他好文 时间:
2018-04-25 14:01:10
阅读次数:
174
.test div{width:300px;margin:15px 0;border:1px solid #000;}.test p{margin:0;font-size:30px;}.fixed div{line-height:20px;}.percentage div{line-height:1 ...
分类:
Web程序 时间:
2018-04-21 15:24:55
阅读次数:
188
font:[ [ <' font-style '> || <' font-variant '> || <' font-weight '> ]? <' font-size '> [ / <' line-height '> ]? <' font-family '> ] | caption | icon ...
分类:
Web程序 时间:
2018-04-21 13:30:44
阅读次数:
226
.test1 { color:white; height: 50px; line-height: 50px; background:black; } .test2 { 在文档流浮动起来,块级自动沾满行取消,宽度自适应内容,视同行内元素,紧跟着兄弟元素,相对位置不变,后面的元素会前移动 positio ...
分类:
Web程序 时间:
2018-04-20 16:14:12
阅读次数:
178
账户 <!-- <td width="50" align="right" valign="middle" style="line-height:16px;"><a href="/Common/Add.aspx"><img src="/images/fb.png" alt="" width="26" ...
分类:
其他好文 时间:
2018-04-20 11:45:47
阅读次数:
157