高度/文档流/定位

2018-03-12  本文已影响0人  青山白衣
  1. div高度由其内部文档流元素的高度总和决定。
    文档流:文档内元素的流动方向
    内联元素从左往右流动,如果遇到宽度不够另起一行继续从左向右流动。
    块级元素从上到下流动。
    如果内联元素是汉字,那么遇到宽度不够时,会自动切割换行,border也会一起分割,但分割开的地方不会有border弥补。
    如果内联元素是个很长的单词,那么遇到宽度不够时,元素默认是不会分割的。因为浏览器认为单词是一个整体。想要分割,可以使用word-break:break-all;word-break: break-word;
  2. 每个字体都有建议行高
  3. background-size: cover;背景填充并自适应容器
  4. svg设置颜色使用cssfill:#fff
上一篇 下一篇

猜你喜欢

热点阅读