CSS宽高相关

font-size与line-height关系
line-height默认是由字体设计师设置的，若div内只有内联元素，则div的高度是由行高确定的，多行则多行行高相加，与字体的大小无关，若行内有一个很长的字，需要加word-break: break-all

position: relative不会脱离文档流，设置top/left等后，其原来位置会保留

两端对齐.png
两端对齐_优化.png
多行文本省略号.png

outline不占据宽高

内联元素的高度由行高决定的，但高度不是由margin,padding影响

div的宽度会默认自适应其父级元素的宽度，

设置div的padding-top: 100%可实现1：1的div

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1赞 92
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,765评论 1赞 45
  • CSS相关总结
    一、CSS入门 1、css选择器 选择器的作用是“用于确定（选定）要进行样式设定的标签（元素）”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,634评论 0赞 6
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 2,342评论 0赞 11
  • CSS基础
    CSS 是什么 css(Cascading Style Sheets)，层叠样式表，选择器{属性:值；属性：值}h...
    崔敏嫣阅读 1,512评论 0赞 5