掌握CSS中display与float的布局应用技巧
1、 创建HTML文件并搭建基础结构框架。
2、 此处创建示例标签以作示范。
3、 设置float: right后,元素会向右对齐,后续元素则会上移填充其位置。
4、 将元素置于顶部,但视觉上差异不明显。
5、 将元素设置为行内显示,可使用display: inline样式实现。
6、 设置display为none可使元素隐藏且不占据页面空间。
掌握CSS中display与float的布局应用技巧
1、 创建HTML文件并搭建基础结构框架。
2、 此处创建示例标签以作示范。
3、 设置float: right后,元素会向右对齐,后续元素则会上移填充其位置。
4、 将元素置于顶部,但视觉上差异不明显。
5、 将元素设置为行内显示,可使用display: inline样式实现。
6、 设置display为none可使元素隐藏且不占据页面空间。
评论
更多评论