摘要: text-align:justify; 所有浏览器都支持,text-justify之类的却只有IE支持,就不要考虑了。 justify我的理解,使元素内部的子元素两端对齐,子元素当然只能是inline或inline-block。但justify对最后一行是无能为力的。我们在对齐姓名时,因为只有一行, 阅读全文
posted @ 2016-08-25 16:21 术虫 阅读(13639) 评论(1) 推荐(0) 编辑
摘要: float 优点: 横向排列时比较方便,不存在浏览器兼容问题。 缺点: 1)多行横向排行时,换行后经常不能顶行显示。 2)浮动后会跳出当前流,造成父元素高度塌陷,解决办法比较成熟统一 ,不存在浏览器兼容问题。 inline-block 缺点:最大的问题就是在不同的浏览器下,解决空白间隙的方法会不同, 阅读全文
posted @ 2016-08-18 11:33 术虫 阅读(473) 评论(0) 推荐(0) 编辑
摘要: 移动端 软键盘 弹出时 会影响布局 1)前段时间作的移动端页面,因为高度只有1页所以用了height:100%;width:100%; ios下点击输入框弹出软键盘时,布局没有大影响。 当输入框可能被软键盘压到时,在一部分安卓下却出了问题,华为自带浏览器和UC会有布局上的问题。 原因可能是因为,软键 阅读全文
posted @ 2016-08-18 11:05 术虫 阅读(2872) 评论(0) 推荐(0) 编辑
摘要: 元素的css,cursor可以改变鼠标样式。也就是鼠标放到元素上去时,改变为相应状态。 通过JS改变cursor时,我发现chrome浏览器不能立即更新,需要动一下鼠标才行,试了几个其它浏览器都是立即更新 留着看以后能不能找到办法 阅读全文
posted @ 2016-07-26 16:35 术虫 阅读(861) 评论(2) 推荐(0) 编辑