CSS
文章平均质量分 65
寅月星回
这个作者很懒,什么都没留下…
展开
-
transform对span无效果
想要通过transform实现类似图中效果 <div> <span>个人报表</span></div>div{ width:80px; text-align:center; border:1px solid #b5b5b5; transform:skew(-30deg);}span{ ...原创 2018-03-14 14:48:27 · 4402 阅读 · 0 评论 -
CSS实现自适应的正方形
IT修真院CSS任务一:九宫格需要完成一个自适应的九宫格,格子随窗口大小宽度变化,且不会变形。 格子的宽度用百分比设置即可,那么高度呢? 方案一:设置垂直方向的padding 在盒模型中,margin、padding的百分比数值是相对于父元素的宽度计算的,所以将padding值设为与width值相同的百分比即可。.box{ width:50%; height:0;...原创 2018-04-22 21:58:57 · 3498 阅读 · 0 评论 -
关于图标垂直对齐
要实现图标垂直对齐效果,使左边的图标与右边Input框在同一水平线上 但是 ,总会出现莫名的空白部分,为父元素设置的vertical-align:middle不起作用 看了CSS深入理解vertical-align与line-height的基友关系大概明白了出现空白的原因与解决方法 文章很长,简单总结一下: vertical-align的默认值是baseline,即基线对齐...原创 2018-04-24 12:50:31 · 733 阅读 · 0 评论