随笔分类 -  CSS

摘要:更新2016-9-17:这个bug是在mac os上的发生,在window系统中不存在这个问题! 给select元素增加:padding-left:20px;但是未生效,如下图所示: 在select上如何使设置padding生效? 方法一: 设置属性appearance: 给select增加属性: 阅读全文
posted @ 2016-08-04 23:08 攞攞攞 阅读(850) 评论(0) 推荐(1)
摘要:方法一:使用border来设置边框,元素有高度和宽度 效果: 利用transform属性可以旋转三角形,达到想要的效果。 方法二:利用border来撑起来三角形 效果: 应用场景:点击234或者点击选中的时候三角形指向对应的选项 小贴士: 1、学会经常使用伪元素例如after或者before来实现三 阅读全文
posted @ 2016-08-03 15:34 攞攞攞 阅读(396) 评论(0) 推荐(3)
摘要:word-break:【断词】 定义:规定自动换行的处理方法. 注:通过word-break使用,可以实现让浏览器在任意位置换行。 语法:word-break: normal|break-all|keep-all; 值描述 normal 使用浏览器默认的换行规则。 break-all 允许在单词内换 阅读全文
posted @ 2016-08-02 10:19 攞攞攞 阅读(976) 评论(0) 推荐(1)