display css 需要注意的地方

原创 2016年08月29日 15:27:55

1、几个比较常用的display属性值

display:block/none/flex/inline-block/inline

display:block 俩作用:1、把像span 、a等行内元素(一直讨厌这些名称词,只想用占整行和不占整行来表达尴尬  设置为块级元素。

    2、对于块级元素设置display:block就是显示作用(display:none隐藏)。

display:inline 把块行内元素设置为块级元素,也就是占整行。

display:inline-block 也是占整行,但是它拥有行内元素和块级元素俩种属性。

接下来的这个作用在布局方面很方便,很多地方用得到:

display:flex

<div style="display: flex;">
<
div style="flex:1">ccc</div>
<divstyle="flex:1">ccc</div>
<divstyle="flex:1">ccc</div>
</div>

在用display:flex的时候需要主要浏览器兼容问题,需要加上

        display: -webkit-flex;         和       flex:1
display: flex;                                 -webkit-flex:1

当然flex并不固定为1,根据你的布局可以设置不同的比例。

更多的地方大家写一下代码就明白了。

css 中需要注意学习的地方

一css中的盒子模型. 2.去掉有序列表的实心点。list-sytle--type:none 3.网页的标准字体大小是font-size=12pt   4.a:link指去掉超链接的下划线,设...

css中注意的地方

  • 2017年07月17日 15:48
  • 99KB
  • 下载

strtok_r需要注意的地方

年底了,需要交个demo了,上个星期4天完成了2400+行c代码,包括周五到测试,感觉很有成就感,不过还是觉得c太过于研发性了,数据结构都要自己去实现。在项目中,分割字符串,使用了strtok_r函数...

JSON 需要注意的地方

  • 2011年05月31日 13:49
  • 10KB
  • 下载

手机版网页设计html5元素meta name=”viewport”设置需要注意的地方

越来越多的网页开始针对手机浏览,自适应屏幕大小了,css的设置方法请参见前面的文章:用CSS3的@media属性根据屏幕大小做自适应各种分辨率网页显示版本-media_query详解,在这篇文章里面我...

expdp和impdp需要注意的地方

1      expdp ,impdp需要注意的地方 1.1  参考  http://blog.itpub.net/28869493/viewspace-1094164/            Dat...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:display css 需要注意的地方
举报原因:
原因补充:

(最多只允许输入30个字)