HTML网页代码中关于浮动float的添加方法

百度经验

页面数据加载中...

芯雨如飞

代码经常用到浮动属性,浮动是什么呢,就是可以将竖排排列的东西变成横排一列的

1/7

如果我们在建立了h1标题标签,在正常排列下是块状表现也就是会换行变成竖排排列

2/7

如图所示,现在是这样的

3/7

浮动属性标签是float:left;向左侧浮动,也可以根据需要设置右侧浮动right

4/7

因为我们只对第一个h1添加了左浮动,而第一个浮动会影响到后面的标签,所以会发生变化

5/7

如果我们对每一个标签都添加浮动效果,如图所示

5/7

本页面非法爬取自百度经验

本页面非法爬取自百度经验
本页面非法爬取自百度经验

6/7

这样所创建的标签都呈现左浮动,变成一排的排列样式了,如图所示。

7/7

因为添加的属性都一样,这样的情况下,我们可以对所有的标签进行一个汇总,中间用逗号隔开,如图所示,这样也是同样的效果。

HTML网页代码中关于浮动float的添加方法

HTML网页代码中关于浮动float的添加方法

[重新阅读]
辅助模式