0
A
回答
2
.container {
background: red;
display: table;
table-layout: fixed;
width: 100%;
}
.row {
display: table-row;
width: 100%;
}
.div1, .div2 {
display: table-cell;
padding: 30px;
}
.div1 {
background: blue;
width: 60px;
}
.div2 {
background: orange;
}
.div2a, .div2b {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
<div class="container">
<div class="row">
<div class="div1">
<!--<img src="some-image.png" />-->
</div>
<div class="div2">
<div class="div2a">Lorem ipsum lorem ipsum lorem ipsum dolla Lorem ipsum lorem ipsum lorem ipsum dollar</div>
<div class="div2b">Lorem ipsum lorem ipsum lorem ipsum dolla Lorem ipsum lorem ipsum lorem ipsum dollar</div>
<div class="div2c">Lorem ipsum lorem ipsum lorem ipsum dolla Lorem ipsum lorem ipsum lorem ipsum dollar</div>
</div>
</div>
</div>
+0
我的情况比预期的更复杂。这是我的网站与头部(中心右侧)杂乱的div:goo.gl/LwFD5a – Biblio
相关问题
- 1. 截断div内的文本
- 2. 截断文本
- 3. 的UITextField占位符文本与截断“...”
- 4. 截断文本,但不截断HTML
- 5. 当文本被截断时更改div中的文本颜色
- 6. 如何避免文本截断与UITableViewCellStyleValue2
- 7. UILabel被截断的文本
- 8. 我的文本被截断
- 9. 截断Magento的文本
- 10. UILabel的文本截断
- 11. 如何截断文本中的文本
- 12. Smarty:截断号码。的{div}
- 13. 用于截断文本的HTML DIV长度的计算
- 14. ngTable中截断文本
- 15. Win32 MessageBox截断文本
- 16. UILabel文本被截断
- 17. MySQL文本列被截断
- 18. 文本溢出CSS截断
- 19. 使用linq截断文本
- 20. Swift:UINavigationItem显示截断文本
- 21. 嫩枝和截断文本
- 22. IE截断文本右侧
- 23. BARCHART文本截断问题
- 24. Rails:智能文本截断
- 25. PHP截断文本base64
- 26. 动态UILabel截断文本
- 27. AS3文本字段,截断
- 28. 在TTStyledTextLabel中截断文本
- 29. 在d3中截断文本
- 30. Subwcrev.exe截断版本文件
可以显示一些代码? –
取决于你的CSS和HTML的样子,但我会说。不要为div 2a,2b和2c设置固定高度并以百分比工作。看看这个[demo](https://jsfiddle.net/kw8vgzy9/) – Rotan075
请添加照片(截图)问题。 –