css & auto height & overflow: hidden;
2024-09-03 15:49:09
css & auto height & overflow: hidden;
{overflow: hidden; height: 100%;} is the panacea!
{溢出:隐藏;身高:100%;}是灵丹妙药!
https://forum.textpattern.com/viewtopic.php?id=20059
https://css-tricks.com/forums/topic/css-height-and-overflow/
https://css-tricks.com/almanac/properties/o/overflow/
css hack
overflow: hidden;
- 没有指定高度,永远不会溢出;
- 高度是有内容自动撑出来的
https://css-tricks.com/almanac/properties/o/overflow/#article-header-id-2
bug
OK
https://github.com/xgqfrms/CSS3/issues/7
css ellipsis after 2 lines
https://stackoverflow.com/questions/5269713/css-ellipsis-on-second-line
.line-clamp {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.fade {
position: relative;
height: 3.6em; /* exactly three lines */
}
.fade:after {
content: "";
text-align: right;
position: absolute;
bottom: 0;
right: 0;
width: 70%;
height: 1.2em;
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}
https://css-tricks.com/snippets/css/truncate-string-with-ellipsis
.truncate {
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
https://codepen.io/xgqfrms/pen/gNxpMe
refs
xgqfrms 2012-2020
www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!
最新文章
- 【转载】NuGet镜像上线试运行
- git组成结构
- php---PHP setcookie()
- C语言Makefile文件使用
- JQUERY 拖拽 draggable droppable resizable selectable sortable
- iOS+JSPatch在线修改app功能-b
- SVM-SVM概述
- ext panel 它们的定义图像刷新
- android JBOX2D粒子碰撞的实例,以达到特殊效果
- C# 窗体打开拖动到窗体的文件
- 零基础学习JavaSE(二)——基础语法
- spark内存分配
- Perl处理数据(二):tr和y///
- json2csharp &; json 格式化
- 【Oracle】使用bbed手动提交事务
- 第15课 右值引用(2)_std::move和移动语义
- 吴裕雄 oracle 管理数据表对象
- Android RIL的java框架
- Tocmat 启动错误 Port 8005 required by tomcat v7.0 server at localhost is already in use
- D3_book 11.3 force