网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地 ...
分类：
其他好文 时间：
2020-06-30 10:28:51
阅读次数：
76
样式效果： <div class="btnBox"> <button class="btn btn1">白名单用户</button> <button class="btn btn2">黑名单用户</button> </div> <style type="text/css"> .btnBox{ dis ...
分类：
其他好文 时间：
2020-06-29 09:21:40
阅读次数：
180
css之字体多行省略（兼容大部分浏览器） 字体单行显示省略号 <style> .box1{ width: 500px; height: 1.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } </style> ...
分类：
Web程序 时间：
2020-06-28 11:20:06
阅读次数：
98
通过设置标签属性，去掉无序编号自动换行，代码如下： <!DOCTYPE html> <html> <head> <style> #pic_list { display:block; white-space:nowrap; width:500px; overflow:auto; } #pic_list ...
分类：
其他好文 时间：
2020-06-27 11:40:50
阅读次数：
180
文本超出隐藏显示省略号 1、单行文本的溢出显示省略号 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; // overflow 属性规定当内容溢出元素框时发生的事情,可能值为visible（默认）、hidden、scroll ...
分类：
Web程序 时间：
2020-06-26 01:25:18
阅读次数：
107
overflow: hidden; //超出的内容进行隐藏 white-space: nowrap; //设置内容不换行 text-overflow: ellipsis; //设置超出内容为省略号 ...
分类：
Web程序 时间：
2020-06-24 16:15:23
阅读次数：
66
单行文本省略号： overflow: hidden;text-overflow:ellipsis;white-space: nowrap; 多行文本省略号： display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertic ...
分类：
其他好文 时间：
2020-06-17 10:50:21
阅读次数：
83
1、如果是只需要显示一行+省略号，那么就容易啦 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 2、如果是需要显示2行或者更多+省略号 { overflow:hidden; text-overflow:ellipsis ...
分类：
Web程序 时间：
2020-06-16 13:28:44
阅读次数：
71
网上摘录常用css片段 垂直水平居中 /*绝对定位 ＋ 未知宽高 ＋ translate*/ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /*flex 轻松搞定水平垂直居中(未知宽高*/ dis ...
分类：
Web程序 时间：
2020-06-14 23:22:57
阅读次数：
85
1074 Reversing Linked List (25分) Given a constant K and a singly linked list L, you are supposed to reverse the links of every K elements on L. For ex ...
分类：
其他好文 时间：
2020-06-13 00:48:49
阅读次数：
54
