当前位置: 首页 > 面试题库 >

如何在一行中显示多个div,但仍保持宽度?

黄伟
2023-03-14
问题内容

通常,将元素设置为显示:内联(如果希望它们显示在同一行中)。但是,将元素设置为内联意味着width属性将毫无意义。

如何使div处于同一行而不使它们内联?


问题答案:

您可以使用display:inline-block

此属性允许DOM元素具有block元素的所有属性,但保持其内联。有一些缺点,但是大多数时候它已经足够好了。为什么它很好,为什么它可能对您不起作用。



 类似资料:
  • 问题内容: 我有一个可以放在一起的网站,它的固定长宽比大约等于风景,例如视频。 我想使它居中并扩展以填充可用的宽度和可用的高度,但不要在任何一侧变大。 例如: 高而薄的页面将使内容伸展整个宽度,同时保持成比例的高度。 短而宽的页面将使内容伸展到整个高度,并具有成比例的宽度。 我一直在研究两种方法: 使用具有正确长宽比的图像来扩展容器,但我无法在主要浏览器中以相同的方式表现该图像。 设置成比例的底部

  • 我有一个注册过程,在确认细节上,我正在尝试显示输入的地址,但我似乎不能让它正确显示,我已经尝试了网站上的其他答案,但没有一个似乎是有效的。 代码 HTML 理想情况下,我希望使用,但最初我尝试了一下,找到的答案是使用 这是,它正在填充我的“comp add”。 当用户离开页面时,它会这样做,并按上面所示工作,但我无论如何都无法将其显示为: 添加第1行 添加第2行 城镇 县 BB1 1BB

  • 是否有一种方法可以只使用一条打印语句,但仍能达到与下面代码中相同的效果?我尝试了在这种情况下无法使用的结束语句,或者我使用了错误的结束语句:

  • 问题内容: 我需要将元素的 宽度 保持为 高度 的百分比。因此,随着高度的变化,宽度也会更新。 通过为padding-top使用%值可以实现相反的效果,但以padding-left为百分比将是对象宽度的百分比,而不是其高度。 因此,使用这样的标记: 我想使用这样的东西: 为了确保根据盒子 的高度保持 盒子的 长宽比 。高度是可变的,因为它的百分比裕度-当窗口的高度改变时,盒子的高度也会改变。 我知

  • 如何在行flex父级的开头显示两个div容器,在末尾显示第三个div容器?在下面的示例中,child-3应该位于右侧。 下面是一个包含所有孩子的快速示例,位于父项jsfiddle的开头

  • 我正在CodeIgniter上开发一个测验应用程序。 随机从数据库中挑选25个问题并显示给用户。 以下是我的代码: 我想在一个div上显示前10个结果。 当用户单击下一个按钮时,它会显示下一个10个结果。 (隐藏当前div并显示下一个) 我只想知道我如何打破结果,并限制每个分区10个问题。