html - 我可以使用哪个元素代替具有相同属性的表?

标签 html css html-table

<分区>

我有很多相同尺寸的图片,我想用它们来放映幻灯片, 所以它们必须在一行中,并且这一行的宽度可能大于窗口的宽度,我想让一些图片超出屏幕而不是它们进入下一行。 之前我用 table 把它们排成一排,我只是移动了 table 来制作这个幻灯片。 [像这样:]

<table cellspacing="0" cellpadding="0">
   <img src="..." />
   <img src="..." />
   <img src="..." />
   <img src="..." />
   <img src="..." />
   <img src="..." />
   ...
</table>

但我想使用另一个元素 [例如,带有一些 CSS 规则的 div,这些规则具有类似该表格的属性],因为表格会在我的页面中产生一些问题。

最佳答案

一个代码最少且没有“hack”的解决方案。

<div style="white-space:nowrap;">
       <img src="..." />
       <img src="..." />
       <img src="..." />
       <img src="..." />
       <img src="..." />
       <img src="..." />
       ...
    </div>

DEMO

关于html - 我可以使用哪个元素代替具有相同属性的表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11448063/

上一篇:javascript - 用户输入的字母阴影

下一篇:javascript - 为什么我的 JavaScript 中的 CSS 不起作用?

相关文章:

html - parent 不调整 child 的填充

javascript - 如何从头开始制作 jquery slider

html - colspan 不接受十进制数。如何指定跨度?

html - z-index 在表内不起作用

javascript - 将自定义 CSS 和 JS 添加到 Shopify

jquery - 溢出 : hidden messing up nav-tabs

html - DIV 未显示全宽。为什么?

html - span word wrap in ng 重复到新行

css - Bootstrap 网站在 iPhone 上无法正确响应

jquery - 使用 jQuery .load 将行添加到 html 表