如何溢出文本而不是包装元素？

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
}