css&html技巧
css经常用到的代码
气乃本
精打细算
展开
-
html文字换行换到行内元素下面的办法
html文字换行问题原创 2023-02-16 21:01:32 · 283 阅读 · 0 评论 -
table表格第一行合并后面的行设置宽度无效问题
如果第一行合并,要在下面加col标签,每一个标签对应一个td,如:<table> <!--合并4个td--> <tr> <td colspan='4'>信息</td> </tr> <col style="width:15%;"></col> <col style="width:35%;"></col> <原创 2022-02-09 10:22:54 · 990 阅读 · 0 评论 -
给元素标签设置自定义滚动条
//适用于谷歌浏览器.any-scrollbar{ height:100px; overflow:scroll; width:100px;}//滚动条.any-scrollbar::-webkit-scrollbar{ width:6px; height:6px;}//滚动条部分.any-scrollbar::-webkit-scrollbar-thumb{ border-radius:10px; background...原创 2022-02-09 10:08:18 · 429 阅读 · 0 评论 -
table表格溢出隐藏
CSS部分:table{ table-layout:fixed; width:100%; height:100%; border-collapse:collapse;}table td{ border:1px solid #5a5858; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}.box{ width:400px; height:..原创 2022-02-09 09:39:09 · 1272 阅读 · 0 评论 -
两个class同时存在出现相应的样式
.box.active{ //code ... color:red;}<div class="box active">盒子</div>注意事项:当两个或者多个class同时存在于一个元素标签,就会出现相应的样式,css中class之间中间一定没有空格。在标签中有空格,否则会视为一个class。...原创 2022-02-09 09:11:21 · 6572 阅读 · 0 评论 -
CSS多行省略
.multi-line-omit{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; //保留多少行 overflow:hidden;}原创 2022-02-09 09:04:48 · 678 阅读 · 0 评论 -
CSS单行溢出省略
.omit{ //必须设置宽度 width:200px; //主要代码 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; //必须是块级元素或者行内块级元素 display:inline-block;}注意事项:元素必须设置宽度,必须是块级元素或者行内块级元素。...原创 2022-02-09 08:59:45 · 333 阅读 · 0 评论