`
征客丶
  • 浏览: 130855 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

一些常用到的 css

    博客分类:
  • web
阅读更多
前言:由于我偶尔写写前端,一些小布局,样式不常用,偶尔又要用到,时不时忘了,于是决定记录下来,本文件权当是一个自己笔记,会一点点的添加补充。

一、ul li 横排
1、li_class {folat:left} /*向左浮动,这种解决方法会打乱布局,他把节点浮动处理,不按你原先设置的布局去排*/
2、li_class {display:inline} /*这种方法不会影响原来布局*/

二、div 继承 父div 背景色
style="background-color: inherit;"

一些注明:
folat:引发的一些布局问题:
CSS中边框出界、位置偏移、背景色不继承等众多问题多半是由float引起,解决办法就是在float元素之后添加一个clear层:<div style="clear:both;"></div> 用来清除float对下面元素产生的影响。 或者
在float元素的父标签中加入溢出隐藏,将它内部的float对它外部的其他元素产生的影响隐藏掉。在父标签的div中添加:style="overflow:hidden;"

display:none 与 visibility: hidden:
用display:none;隐藏元素时候不会占据空间,用visibility: hidden;隐藏可以保留原来空间

三、div 垂直居中
父 DIV 的display:table;
子 DIV 的display:table-cell; 同时vertical-align:middle;
就可以实现div里的图片水平垂直居中。



--------------------------------------------------------------------
若有其他凝问或文中有错误,请及时向我指出,
我好及时改正,同时也让我们一起进步。
email : binary_space@126.com
qq     : 1035862795
敲门砖: 代码谱写人生

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics