在HTML中,如何让两个DIV在同一行显示?

在HTML中,如何让两个DIV在同一行显示?,第1张

把两个div放在一个父div里面,然后进行浮动即可。

下面我们一起来实现以下:

创建一个父div,然后创建两个子div,代码如下:

给div加上css样式,分别给他们设置背景颜色,父div可以不设置,子div设置绿色,然后给div加上浮动代码即可,"float:left"我们来写一下代码:

下面我们来看一下运行效果

DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。

这里可以通过CSS的font-family属性来设置文字的字体,如果要一行中显示多种字体,那就需要在一行里面放置多个标签,并且给每个标签设置不同的字体样式:

<div style="width:500px">

<font style=" width:100px float:left font-family: '宋体'">这里是宋体</font>

<font style=" width:100px float:left font-family: 'Microsoft YaHei'">这里是微软雅黑</font>

</div>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6096734.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存