资讯专栏INFORMATION COLUMN

杂(css)

aisuhua / 2935人阅读

摘要:组成的高度是由其内部最高的的高度决定的是一种围绕文字看不见的。的大小与大小相关。图片的高度与有关,与无关。光秃秃的文字,则属于匿名。某种意义上的作用就是包裹,而浮动也有类似的效果。浮动破坏自身模型和高度。

本用于记录个人学习记录:
http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E3%80%81%E8%AF%A6%E8%A7%A3%E5%8F%8A%E6%8B%93%E5%B1%95%E4%B8%80/

containing box:line boxes的高度垂直堆叠形成了containing box的高度;也就是我们见到的div或是p标签之类的高度了
inline boxes:例如span、a、em标签。
line boxes:inline boxes组成line boxes;line boxes的高度是由其内部最高的inline boxes的高度决定的;

content area:是一种围绕文字看不见的box。content area的大小与font-size大小相关。
图片的高度与height有关,与line-height无关。
光秃秃的文字,则属于匿名inline boxes。
float:left;浮动会破坏inline boxes的包裹性。
浮动就是个带有方位的display:inline-block属性。
display:inline-block某种意义上的作用就是包裹(wrap),而浮动也有类似的效果。
浮动:破坏自身模型和高度。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111315.html

相关文章

  • (css)

    摘要:组成的高度是由其内部最高的的高度决定的是一种围绕文字看不见的。的大小与大小相关。图片的高度与有关,与无关。光秃秃的文字,则属于匿名。某种意义上的作用就是包裹,而浮动也有类似的效果。浮动破坏自身模型和高度。 本用于记录个人学习记录:http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%8...

    wums 评论0 收藏0
  • React-JSX实现Class与 Style 动态绑定

    摘要:错误例子可以实现的语法如下使用逻辑运算符文件文件使用三元运算符文件使用函数绑定的数据对象也不必内联定义在模板里可以定义一个函数,类似中的钩子函数。 作者:羽徵 摘要:操作元素的 class 列表和内联样式是数据绑定的一个常见需求,频繁操作dom元素会降低javascript性能,为了实现高性能js,动态绑定class和style是高素养程序员的必选。本文以React-JSX语法为基础,...

    phodal 评论0 收藏0
  • React-JSX实现Class与 Style 动态绑定

    摘要:错误例子可以实现的语法如下使用逻辑运算符文件文件使用三元运算符文件使用函数绑定的数据对象也不必内联定义在模板里可以定义一个函数,类似中的钩子函数。 作者:羽徵 摘要:操作元素的 class 列表和内联样式是数据绑定的一个常见需求,频繁操作dom元素会降低javascript性能,为了实现高性能js,动态绑定class和style是高素养程序员的必选。本文以React-JSX语法为基础,...

    waterc 评论0 收藏0
  • 关于浏览器兼容

    摘要:第二个子节点第三个子节点以此类推盒子阴影失效尽管背景是白色,最好还是设置一下,不然兼容后的效果可能会不太理想透明色失效有默认在文件中控制一下就好了,如顺便介绍一下过滤器,是一种用来过滤不同浏览器的类型。 一、火狐1. 失效hack:采用jquery UI:datepicker插件。(1)下载插件,放置在项目文件夹中;(2)在所需页面引入,如: 此script与页面所需的对应的j...

    RdouTyping 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<