![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS学习笔记
MatthewMaYao
剑未佩妥,出门已是江湖。
展开
-
文本溢出的解决方案
单行文本溢出text-overflow属性:clip,ellipsis,string 常用text-overflow:ellipsis省略号.textOverflow{ width: 200px; text-overflow: ellipsis;/*多余文本省略号代替*/ overflow: hidden;/*多余部分隐藏*/ whi原创 2017-02-16 13:28:24 · 279 阅读 · 0 评论 -
block,inline和inline-block细节对比
block,inline和inlinke-block细节对比display:block block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。 block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。 block元素可以设置margin和padding属性。 display:inline inline元素不转载 2017-02-16 13:28:05 · 210 阅读 · 0 评论 -
清除浮动的一些方案
1.br标签的中clear属性:br标签中的clear属性类似于CSS中的clear属性,可以将与br标签相邻的元素中的浮动特性清除;(IE中容器设置zoom:1)<div class="float-box"> <div class="float-left"></div> <div class="float-right"></div> <br clear="all"> </d原创 2017-02-16 13:27:40 · 236 阅读 · 0 评论 -
媒体查询
语法:@media logic type and (feature:value)media=”logic type and (feature:value)”logic:only或not;only关键字可以确保旧的浏览器不读取余下的媒体查询,同时一并忽略链接的样式表;not关键字可以对媒体查询的结构求反,让其反面为真; type:类型,screen、print等; feature:value对是可原创 2017-02-16 13:26:56 · 467 阅读 · 0 评论