html css
张中文
目前在软件公司开发app与网站
展开
-
Flex 布局教程:语法篇
网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就转载 2017-03-01 15:40:20 · 223 阅读 · 0 评论 -
html flex 水平 垂直 居中
html { height: 100%;} body { display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flex原创 2017-03-01 16:21:06 · 669 阅读 · 0 评论 -
html css 小计
1.布局display:relative(相对布局) 与 absolute(绝对布局)absolute:绝对定位,他是参照浏览器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由T原创 2017-02-22 17:41:56 · 299 阅读 · 0 评论 -
css
1.多行文本显示省略号方法:display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; //文本行数overflow: hidden;适用范围:因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端。原创 2017-06-22 09:26:42 · 190 阅读 · 0 评论