码迷,mamicode.com
首页 > Web开发 > 详细

css总结

时间:2014-09-10 20:53:41      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   ar   div   sp   代码   log   html   

1,为了兼容,所有能写高度的块状元素都要写高度。比如ie7下,父元素div如果不定死高度,则高度随意呢。

2,内联元素排一行的秘诀:此内联元素的父元素的高度要以内联元素的最高高度为准,则此内联元素排一行就可以垂直居中了。

代码如下:

 <style>
.gaituCheckBox {width:13px; height:13px;border:1px solid #dbdbdb; background-color:#ffffff; cursor:pointer; vertical-align:middle; display:inline-block;} .techContent { float:left; height:15px; line-height:15px; border:1px solid #e7e7e7;padding:6px 10px 7px 10px; color:#666666; width:auto; margin:0 10px 10px 0; cursor:pointer;-moz-user-select: none; /* 火狐 */-webkit-user-select: none; /* webkit浏览器 */-ms-user-select: none; /* IE10 */-khtml-user-select: none; /* 早期浏览器 */user-select: none;} .techContent .sapntechCon { vertical-align:middle; padding-left:5px;} </style> <div class="techContent"><span class="gaituCheckBox"></span><span class="sapntechCon">单面覆亚膜</span></div>

 

css总结

标签:style   blog   color   ar   div   sp   代码   log   html   

原文地址:http://www.cnblogs.com/jiangxiaofan/p/3965028.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!