![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
xz_code
一份耕耘,一份收获
展开
-
flex 宽度自适应,文本溢出隐藏方法
flex 宽度自适应,文本溢出隐藏方法<div class="out"> <div class="left"> 我是图片 </div> <div class="right"> <p>我是文字我是文字我是文字我是文字</p> <div></div>.out { display: flex; width: 200px;}.left { flex-shrink: 0; width:原创 2021-07-14 21:40:35 · 3781 阅读 · 0 评论 -
margin 为负值
margin 为负值margin-left 和 margin-right 为负值1)元素没宽度会增加宽度2)元素有宽度会产生位移margin-top 为负值 (有无高度)1)元素上移margin-bottom 为负值(有无高度)1)减少元素自身高度注意:必须是 块级元素...原创 2021-04-08 18:06:26 · 62 阅读 · 0 评论 -
css 清除浮动方法
清除浮动1、额外标签法(隔墙法)<div style="clear: both"></div>2、父级 overflow: hidden<div style="overflow: hidden"></div>3、父级 after 伪元素.clearfix::after { content: ''; display: block; height: 0; clear: both; visibility: hi原创 2020-12-06 18:07:27 · 83 阅读 · 0 评论 -
margin (塌陷、合并)重叠问题
margin (塌陷、合并)重叠问题解决方案:父元素定义边框父元素定于padding父元素加 overflow: hidden原创 2020-12-06 17:50:49 · 77 阅读 · 0 评论 -
css一些属性简写
font 复合属性 简写// 其中 font-size/line-height font-family 必写font: font-style font-weight font-size/line-height font-family块元素、行内元素和行内块元素的比较块元素1、独占一行2、可以设置宽高3、默认宽度是容器的 100%注意:文字类的元素内不能使用块级元素p 标签主要用于存放文字,因此 p 里面不能存放块级元素,特别是不能放 div行内元素1、不独占一行2、不原创 2020-12-06 18:08:14 · 202 阅读 · 0 评论