display:block可以理解为块,举个简单的例子!比如你做一个超链接,
<li><a href="#">超链接</a></li>
当你鼠标移过到文字的时候,超链接有效果!
而当我把样式这样设置:
li a{width:100px;height:100px; display:block; color:red; text-decoration:none;}
鼠标移到文字周围100*100的地方,就有超链接效果了,就是把100*100做为一块来的超链接!
水平居中的方法:1、父级text-align:center;.parent{text-align:center;}.child{display:inline-block;}2、table配合margin.child{display:tabl…
1.<span></span>行级元素是不允许设置width和height的,如果加上display:block;之后则可以设置width和height,***它就变成了块级元素***。2.<span>&…
CSS中的!important是一个非常重要的属性,有时候发挥着非常大的作用,52CSS.com这方面的知识并不是非常多,我们看下面的文章,对它作比较感观的了解。前几天写一些CSS代码的时候又难为我了,因为那个该死的IE6对CSS的支持是如…
="">="">="订阅所有div+css教程的日志">在进行DivCSS布局时,需要对文本进行控制,我们在52CSS.com以前的文章中,也讲过这方面的知识,今天系统的向大家介绍一下。CSS中控制换行的四种属性。一、wh…
1.当元素使用了position:relative或者position:absolute才能激活topleft等属性的使用!2.使用了position后,display无论设置了什么值都会以inline-block的方式展示!3.元素1使用…
table-cell轻松设置文本图片水平垂直居中让一个元素垂直居中的思路:把这个元素的容器设置为table-cell,也就是具有表格单元格的特性,再使用vertical-align(这个属性对block元素不起作用,但对table-cell…
outline属性在一个htmlelement的周围画出一条线来,位于边框的外围,起到突出元素的作用。轮廓线不占据任何布局空间,也不一定非要是矩形。p{outline:#00FF00dottedthick;}
css:parent{display:table;}child{display:table-cell;vertical-align:middle;}