javascript - 如何溢出文本而不是在元素中换行？

Question

我正在调整 div 元素的宽度，但是 <li>里面的内容随着宽度的调整而包裹起来，不会溢出。我希望文本不换行，而是在宽度变小时溢出。

是否有一个属性可以设置这样的内容行为？

这是我的 CSS:

.contactPanel{ //the div container
    z-index: 2;
    left: 660px;
    top: -650px; 
    position: relative;
    width: 0px;
    padding-left: 10px;
    overflow: hidden;
}
.contactPanel ul{ 
    margin: 0; 
    padding: 0px;
    list-style: none; 
    overflow: hidden;
}

Answer 1

您需要在其中嵌套一个 DIV:

<div class="wrapper">
    <div class="inner">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non lacinia quam. Etiam neque elit, ullamcorper vel consectetur quis, tristique et elit. Proin facilisis purus ut velit dapibus luctus. Sed semper vestibulum metus, id adipiscing lectus malesuada in. Mauris vel turpis sem, eu suscipit arcu. Sed faucibus laoreet nisi, at elementum justo eleifend ut. In hac habitasse platea dictumst. Nunc nec ligula nibh, a varius massa.
    </div>

</div> 

CSS:

.wrapper {
    width:400px;
    border:1px solid #ff0000;
    overflow:hidden
}

.inner {
    width:500px;
    border:1px solid #0000ff
}