技术控

    今日:82| 主题:49211
收藏本版 (1)
最新软件应用技术尽在掌握

[其他] css之display

[复制链接]
键盘下的忧伤 发表于 2016-10-2 20:20:01
186 10

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
Created at 2016-08-21 Updated at 2016-10-02  CategoryFront-End   TagCSS  
  引言

  网页的所有元素,除了“块”就是“流”,而且“流”都是包含在“块”里面的(最外层的body就是一个“块”)
   
css之display-1 (解决方案,display,图片,标签,而且)

   在网上查找出 display 所有的属性,你会发现它有很多,但是不是每个都常用,甚至大部分你都没有用过

css之display-2 (解决方案,display,图片,标签,而且)

   看上图。常用的属性有: none 、 block 、 inline 、 inline-block 、 inherit ,其中 inherit 是继承父元素的样式
   - list-item :通过它可以模拟li列表样式;
  
       
  • table :也是一个“块”,但和 block 相比, table 具有包裹性;   
  • table-cell :最新的多列布局解决方案;  
  inline

   常用的 inline 就是文字和图片,其实 inline 真没什么好说的,大家可以把它想象成一个杯子里的水,它是“流”,是没有大小和形状的,它的宽度取决于父容器的宽度。
   因此,针对 inline 的标签,你设置宽度和高度是无效的,通过监控可以知道,该元素实际的宽度和高度都是 auto ,并不是我们设定的值
123下一页
友荐云推荐




上一篇:css之float
下一篇:基础篇章:React Native之Flexbox的讲解(Height and Width)
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

刘泓材 发表于 2016-10-3 02:08:24
不怕别人笑,看贴顶贴就很好
回复 支持 反对

使用道具 举报

ry666 发表于 2016-10-3 06:29:08
珍爱生命,{username}果断回帖。
回复 支持 反对

使用道具 举报

热情是个秘密 发表于 2016-11-4 09:36:49
谁抢沙发???
回复 支持 反对

使用道具 举报

一棵枯草 发表于 2016-11-5 14:16:22
药药,切克闹!!
回复 支持 反对

使用道具 举报

重生的风信子 发表于 2016-11-9 23:06:50
要么回帖,要么捡肥皂
回复 支持 反对

使用道具 举报

liluo1991 发表于 2016-11-12 10:00:36
失而复得的东西。永远都是二手货。
回复 支持 反对

使用道具 举报

痴香 发表于 2016-11-12 21:52:43
键盘下的忧伤说的我也略懂!
回复 支持 反对

使用道具 举报

刘丽萍 发表于 2016-11-15 01:23:44
楼主已成仙,有事请求签!
回复 支持 反对

使用道具 举报

tianshi3385 发表于 2016-11-15 13:30:45
在哪里跌倒就在哪里躺下!
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表