如何溢出文本而不是在元素中换行
How to overflow texts instead of wrap in an element?
我正在调整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;
}
你需要嵌套一个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
}
相关文章:
- 使用jquery将单个换行符替换为span元素
- 将换行符写入<span>元素
- 范围和列表元素在 DIV 中换行
- 删除垂直滚动条而不附加元素换行
- 在javascript数组元素之间添加换行符
- 通过将文本替换为类来换行/中断列表元素
- 添加绝对定位的元素会导致换行
- 获取不带 html 标记的页面元素文本,但保留换行符
- jQuery 从一个元素换行到另一个元素
- 换行<td><a>标记,同时避免嵌套元素
- 换行HTML元素
- AngularJS:段落元素的换行符
- 强制不要对伪元素 (:after) 使用换行符
- 在绝对定位元素周围换行文本
- 克隆每个元素后添加换行符
- Regex将所有单词换行到span中,不包括img元素
- 动态添加的元素不换行
- Jquery换行集的元素与打开和关闭标记
- 如何在换行符上插入一个javascript textNode元素
- 在 JQuery 或 JavaScript 中使用 span 元素换行突出显示文本