Question

我正在一个客户希望实现“gimmic”的网站上工作，该页面的简短版本将非常广泛而且不会很长。

我遇到的问题如下：给定一个对象列表，我想无限期地将它们放在右边。

我目前已经完成了（简化）：

{%  for x in list %}
    <div style="position:absolute; left:{% widthratio forloop.counter0 1 400 %}">
        <img src="{{ x.image.url }}" alt="{{ x.title }}"/>
    </div>
{%  endfor %}

我认为这是一个非常黑客，我正在寻找一种更好的实施方式。最大的目标是，无论浏览器的大小如何，项目都保持一致，滚动条允许向右导航。

提前感谢您的帮助！

Answer 1

display:table-cell

http://jsfiddle.net/seler/pedhx/

Answer 2

这是一个CSS问题，而不是Django问题。

在任何情况下，让事物彼此相邻排列的方法是浮动它们。

<div style="float:left;">
    <img...>
</div>

实际上，你应该在某个样式表中使用样式，并给div一个引用该样式的类。

Answer 3

如果您使用绝对定位，则不必担心元素受大小限制，只要您为其指定样式display: inline;即可。通过这样做，它将相对于其内部元素的大小增长。您应该使用display: inline;和/或float: left;来确保您的内部元素不会突破到下一行。

django递增div位置

3 个答案: