Flexbox 包裹边框合并效果
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
作者在Tailwind中使用内外阴影组合创建类似表格的border-collapse布局，实现元素边框重叠，并在父容器内增加额外间距以补偿外部宽度。
🎯
关键要点
- 作者在Tailwind中创建类似表格的border-collapse布局。
- 使用负边距的方法无法实现元素的边框重叠。
- 需要在容器边缘中心放置一条线，边缘宽度一半在内部，另一半向外延伸。
- Tailwind的ring工具无法同时使用外部和内部的环。
- 可以在元素上组合多个box-shadow来实现所需效果。
- 解决方案是结合内外阴影，并在父容器内增加额外间距以补偿外部宽度。
➡️
