css
css
猿者上钩
这个作者很懒,什么都没留下…
展开
-
Flex 布局教程:实例
一、骰子的布局 骰子的一面,最多可以放置9个点。 下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codepen查看Demo。 如果不加说明,本节的HTML模板一律如下。 <div class="box"> <span class="item"></span> </div> 上面代码中,div元素(代表骰子的...原创 2020-03-17 10:15:00 · 162 阅读 · 0 评论 -
css table 表格等宽
<table border="1" style="table-layout: fixed;width: 200px"> <tbody> <tr> <td>AAA</td> <td>B</td> <td>C</td> </tr> </tbody> </t.原创 2022-01-25 14:53:06 · 974 阅读 · 0 评论 -
css3 nth-child的妙用
一、选择列表中的偶数标签 :nth-child(2n)二、选择列表中的奇数标签 :nth-child(2n-1)三、选择从第6个开始的,直到最后:nth-child(n+6)四、选择第1个到第6个 :nth-child(-n+6)一、两者结合使用,可以限制选择某一个范围,选择第6个到第9个 :nth-child(n+6):nth-child(-n+9)...原创 2022-06-10 11:56:19 · 143 阅读 · 0 评论 -
css 实现textarea标签高度自适应
.grow-wrap { display: grid; word-break: break-all; } .grow-wrap::after { content: attr(data-replicated-value) " "; white-space: pre-wrap; visibility: hidden; } .grow-wrap>textarea { resize: none; overflow原创 2022-06-30 11:38:59 · 1328 阅读 · 0 评论