javascript - 将元素添加到非包装容器，在左侧溢出

Question

我需要使用 JS 向容器中添加元素。当内部元素的总宽度大于 wrapping 的宽度时DIV，最左边的元素应该消失到左侧。

我以为我可以通过使用来获得预期的效果

p {
    border: 1px solid red;
    display: inline-block;
    float: left;
    margin: 1px;
    padding: 0;
    white-space: nowrap;
}

但它不起作用，因为元素浮动到下一行。

感谢您的任何建议！

score 1 · Accepted Answer

您需要使用具有固定宽度/高度和溢出：隐藏的元素来包装容器：

width: 200px;
height: 23px;
overflow: hidden;
position: relative;

一旦容器的宽度大于包装器的宽度，将容器对齐到此包装器的右侧（通过 JS）：

position: absolute;
right: 0px;

score 0 · Accepted Answer

0

对 CSS 的更改：

.container{display:table;}

希望这可以帮助。

于 2013-05-10T08:32:39.697 回答

2 回答 2