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

html-css024

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

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

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

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

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

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

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

亲,这个答案是可以的,不过有一点需要说明的是,两张图片家里来的宽度不能超过设定的页面宽度,比如说你的页面宽度为980像素,那么你的两张图片的宽度就不能超过980,否则就不能。

图片并排列

需要补充的是如果图片超出了最大的范围,可以使用img的属性设置宽度来使图片同一行排列。

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

这里是宋体

这里是微软雅黑