css
遇到的问题-css
长发卜及腰
研究一门语言,即便不打算马上上手用它,也有助于开阔视野。
展开
-
css z-index无效
z-index无效的情况有: (1)父标签position属性为relative; (2)问题标签无position属性(不包括static) (3)问题标签含有浮动(float)属性 所以这就解释了为什么parent设置了position和z-index之后grandparent的z-index就会失效的问题, 解决办法: 1、position:relative改为position:absolute; 2、浮动元素添加position属性(如relative,absolute等); 3、去除浮动。 所以,原创 2021-04-02 11:24:09 · 2174 阅读 · 0 评论 -
css 限制行数or宽度,超出显示省略号
(1).文字超出几行,省略超出部分,显示’…’ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; (2). 限制显示字数,可以给定容器宽度限制,超出部分省略 max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;原创 2021-04-02 11:04:59 · 343 阅读 · 0 评论 -
css 背景图片自适应
让图片随屏幕大小同步缩放,但是有部分可能会被裁切,不过不至于露白。 background-size: cover; /*为chrome和opera浏览器作兼容*/ -webkit-background-size: cover; -o-background-size: cover; 图片的位置,居中,靠左对齐 background-position: center 0; 智一面提供超多的[web前端工程师小程序开发的笔试题](http://www.gtalent.cn/exam/interview?原创 2021-04-02 11:00:08 · 114 阅读 · 0 评论