本文介绍了前端设计中的几个实用技巧：如何使用内容自适应宽度的浮动盒子；创建小三角形状的方法；实现块级元素垂直居中的技巧；以及如何在文字旁添加小图标。这些技巧对于前端开发者来说非常实用。
第一天成果
1、浮动的盒子不要给宽，内容撑起盒子的宽
在前端设计中，一般不给浮动的盒子设置宽，让其用内容撑起一个高度。
2、小三角的表示
◇用一个盒子（盒子宽为字的宽，高度为字高度的一半）去截取这个菱形来得到一个三角，当然还要涉及到浮动。
3、块级元素只能通过padding-top来调节垂直居中
4、文字旁边的小图标
文字旁边的小图标是通过设置左右padding来给出一个空白，然后让图标进行绝对定位将图标加到文字的旁边。
转载于:https://www.cnblogs.com/sylz/p/5727327.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
