![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
紫雪璇雨
不乱于心,不困于情;不畏将来,不念过去。深谙世事而不世事,有最成熟的善良。
展开
-
一行或多行文本超出区域用省略号表示
div{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-left: 15px;padding-right:15px;box-sizing: border-box; } 多行文字超出长度省略原创 2015-10-23 15:44:03 · 1307 阅读 · 0 评论 -
对象内容溢出用省略号表示
当我们遇到这种布局时,往往很头疼,因为文字一多,小屏手机文字就会换行,而图片是不变的,图片下边就会有好多留白,这样就会很不好看。有许多解决的办法,这篇我说的是是文字隐藏用省略号表示。overflow: hidden;/*超出范围的内容隐藏*/word-break: keep-all;/*不换行*/white-space: nowrap;/*不换行*/text-overflo原创 2015-10-14 10:16:14 · 719 阅读 · 0 评论 -
-webkit-appearance问题
当我们写移动端样式时,会发现有些样式在苹果手机里,显示不一样。今天我们来说说-webkit-appearance。在不同的“-webkit-appearance”选值情况下,button所渲染的效果是不一样的,详细的测试代码大家可使用safari浏览器点击这 里。有关于“-webkit-appearance”的详细介绍,这回算是知道了,最后我建议大家,我们可以直接在“reset.css原创 2015-11-02 18:24:38 · 1626 阅读 · 0 评论 -
js鼠标控制div缩放移动
请不要随意转发原创 2017-03-21 14:53:45 · 4129 阅读 · 0 评论 -
详说css与预处理器(以及less、sass、stylus的区别)
CSS(Cascading Style Sheet)被译为级联样式表,做为一名前端从业人员来说,这个专业名词并不陌生,在行业中通常称之为“风格样式表(Style Sheet)”,它主要是用来进行网页风格设计的。通过设立样式表,可以统一地控制HTML(XHTML)中各标签的显示属性。可以使人更能有效的控制Web页面(或Web应用程序)外观,可以精确指定Web元素位置,外观以及创建特殊效果的能力。转载 2017-08-31 10:00:23 · 41277 阅读 · 8 评论 -
移动端web页面input+fixed布局bug总结
最近在做移动端,又涉及到了 fixed(固定位置定位)的问题,在使用fixed的过程中,遇到了一些的问题,并且部分问题无法找到较好的解决方案。下面 是我在网上找到的一些解决方法,仅供参考:正常界面图中被红色选中区域为 position:fixed 元素问题1:footer输入框 focus 状态,footer 被居中,而不是吸附在软键盘上部。转载 2015-10-21 16:33:30 · 46271 阅读 · 0 评论