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

 时间:2024-10-12 07:15:47

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

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

2、如图所示,现在是这样的

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

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

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

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

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

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

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

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

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

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

HTML网页代码中关于浮动float的添加方法
  • ps里面如何镜像照片?
  • cdr怎么找到打开最近文件
  • 如何在PS中将红苹果的图片变为黑白的苹果?
  • photoshop中图片的多种查看方式
  • PS如何使用历史记录画笔工具
  • 热门搜索
    讲文明懂礼貌的手抄报 小学生体育手抄报 交通安全手抄报花边 美在我身边手抄报 爱国手抄报版面设计图 防踩踏手抄报 小学手抄报大全 防震手抄报图片 清明节手抄报内容资料 防灾减灾手抄报大全