随笔分类 - CSS
摘要：.p1{ word-break:break-all; width:150px;}/*只对英文起作用，以字母作为换行依据*/ .p2{ word-wrap:break-word; width:150px;}/*--只对英文起作用，以单词作为换行依据*/ .p3{white-space:pre-wrap; width:150px;}/*只对中文起作用，强制换行*/ .p4{whit...
阅读全文
摘要：在微信小程序开发中，view设置为flex布局，但是flex的flex-wrap属性不起作用，如果起作用的话，默认值即no-wrap不换行。如果要测试view-scroll并且scroll-x 就没法了。 此时，必须给view使用另外一个css属性white-space，确保不换行。 white-s
阅读全文
摘要：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html http://www.ruanyifeng.com/blog/2015/07/flex-examples.html 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方
阅读全文
摘要：来源：https://blog.csdn.net/liveinmylife/article/details/51838939 1，flex布局是个什么东西？ 官方说法：Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。
阅读全文
摘要：1、给容器添加css：overflow:hidden; 2、容器本身也予以浮动。 3、在容器内最后追加清除浮动代码<div style="clear:both"></div> 4、利用after伪类。
阅读全文
摘要：.cf:after { display: block; visibility: hidden; width: 0; height: 0; line-height: 0; font-size: 0; clear: both; content: "."; }
阅读全文
摘要：来源：http://www.cnblogs.com/lecaf/archive/2011/03/25/fixed.htmlfixed是一种特殊的absolute，同样不占文档流，特殊的地方在于fixed定位的参照系始终是浏览器窗口，而absoute定位的参照系是已经定位的最近父容器。我们经常碰到的需...
阅读全文
摘要：.clearfix:after { content: ""; clear: both; visibility: hidden; display: block; height: 0px; font-size: 0px;}通常，我们增加一个div，然后使用clear:...
阅读全文
摘要：//div的id为box#box{width:200px;heighti:200px;border:1px solid #f00;//重点是以下规则position:absolute;top:0px;left:0px;bottom:0px;right:0px;margin:auto;}
阅读全文
摘要：.hack{ color:#fff;background:#000; background:#06f\9; /* all IE */ background:#090\0; /* IE8-9 */ background:#090\0/; /* IE8 only */ *background:...
阅读全文
