html - HTML 中的内联水平分隔符

Question

我正在制作一个带有幻灯片的网页，使用与 http://zine.pocoo.org/ 相同的技术.我为其制作网站的人希望幻灯片放映居中。但是，有些照片是纵向布局，有些是横向布局。 (这不是我的选择。)我需要一个 position: absolute将包含项目的 li 放在正确的位置，因此将它们居中是行不通的。 (至少，不是通过常规方法。)

所以，我认为在肖像图片的图像之前插入一个 124 像素的“间隔符”可能会奏效。我用 <span style="width: 124px;">&nbsp;</span> 试过了, 但它只插入一个空格，而不是完整的 124 像素。不过，幻灯片可以淡入淡出，所以我认为如果我能获得适当的间距，它会起作用。

我的问题是:有没有人知道在 HTML 中有 124 像素 内联 空间的方法(最好不使用图像)，或者另一种方法使图片在 li 中居中？项目？

Answer 1

这已经很老了，但我想它仍然值得回答。你的跨度没有扩大的原因是因为它仍然是一个内联元素。设置 display:inline-block 使其表现得更像 block 元素