css
山闻愚
学无止境,持之以恒
展开
-
怎么让多余的文字不显示或者以省略号显示
一行内多余的文字不显示: width: 100px; overflow:hidden; white-space:nowrap; text-overflow:clip; -o-text-overflow:clip;一行内多余的文字以省略号显示: width: 100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;如果不是一原创 2021-09-03 10:07:06 · 522 阅读 · 0 评论 -
左DIV宽度固定,右DIV适应剩下的宽度
记录下两种方法:方法一:.box {width: 200px;display: flex;}.left {background-color: red;width: 50px;}.right {background-color: yellow;flex-grow: 1;}原创 2021-08-29 19:31:59 · 134 阅读 · 0 评论 -
父div自动适应子div的高度
方法一:父div 加overflow:hidden;height:auto;子div 浮动float<div sytle="overflow:hidden;height:auto;"> <div sytle="float:left;"></div> <div sytle="float:left;"></div></div>方法二:子div 浮动float最后加一个子div,...原创 2021-04-30 14:44:53 · 675 阅读 · 0 评论 -
纯css实现瀑布流
原文:https://www.jq22.com/webqd6733<div class="container"> <div class="box"> <img src="http://www.jq22.com/img/cs/500x500-1.png" alt=""> <h2>你好啊!1</h2> <p>hahahahah</p> </div>.转载 2021-03-27 23:51:48 · 157 阅读 · 0 评论 -
css相对位置之两个同级div下一个div相对上一个div的位置
1.显示在div的上面<div class="main"> main</div><div class="btn"> 我显示在main上面的相对位置</div>.btn { position: absolute; top: 0; right: 10px;}2.显示在div的下面<div class="main"> main</div><div class=".原创 2020-12-07 17:37:41 · 3436 阅读 · 0 评论 -
css实现grid,格子之间的间距一样。
<div id="grid"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item">...原创 2020-11-30 16:17:31 · 1146 阅读 · 0 评论 -
容器div内容超出后,自动出现滚动条
1、首先div(包括所有上级div)需要设置height2、如果div同级没有其他div,可以设置overflow: auto<div sytle="height=100%;overflow: auto;"> 我是内容,我很高,我需要滚动条。</div>3、如果div不是最外面一层,有同级div,需要再加上position:absolute&...原创 2019-08-21 18:52:17 · 3554 阅读 · 0 评论