CSS-盒模型与文本溢出笔记

注意点：

　　文本居中： text-align：center；文本左右居中

　　　　　　　line-heigh:30px;  等于容器高度时，单行文本上下居中

　　　　　　　margin：0 auto； 浏览器居中

　　清除margin和padding值：

　　　　　　　某些元素会自带margin和padding，例如 h1 标签，使用时不方便位置计算，需要清除margin和padding

　　　　　　　* {margin:0; padding:0;}

　　相邻margin融合

　　　　　　　例如：上面的块元素margin-bottom：10px；下面的块元素margin-top：20px；

　　　　　　　　则他俩之间显示距离为20px，只显示最大的距离。

　　子级的margin值会传递给父

　　　　　　　子级设置的margin生效的在父级上

　　　　　　　解决方法：父级添加：overflow：hidden

　　文本溢出处理

　　　　　　　{overflow:visible/hidden/scroll/auto/inherit}

　　　　　　　　　　visible：默认值，超过后元素框外显示

　　　　　　　　　　hidden：超出元素框后隐藏

　　　　　　　　　　scroll：出现滚动条

　　　　　　　　　　auto：如果内容被修建，则出现滚动条

　　　　　　　　　　inherit：从父元素继承overfolw属性

　　　　　　{text-overflow:clip/ellipsis}

　　　　　　　　　　clip:超出后不显示省略号，进行裁剪

　　　　　　　　　　ellipsis:显示省略号

　　　　　　white-pace：nowrap；强制文本在一行显示

 

 

 

原文链接:https://www.cnblogs.com/tynam/p/10821554.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有