带省略号的浮动div的CSS-宽度未知
布莱恩·麦金妮蒂（Brian McGinity）
两个div如何并排浮动，左侧将显示省略号而右侧将不包裹？
这是期望的结果：
事情是，我需要在不为左右div指定宽度的情况下执行此操作。
这是一个jsFiddle：http : //jsfiddle.net/k8hhhjc0/1/
指定宽度后，它将起作用。如果没有宽度，则将右div向下推：
是否可以不为左右div指定宽度？正确的div总是很小。
Note: 在jsFiddle中，我只能控制div标签，周围的表可以根据用户的偏好设置可变的宽度。
keikoku92
删除css中的浮点，然后将div放在右上角的最前面
<div class="outer">
<div class="topRight">12:30pm</div>
<div class="topLeft">Firstl line, this is long line and needs to show eclipise</div>
然后你的CSS会
.topLeft {
xxxwidth:215px;
text-overflow:ellipsis;
overflow:hidden;
word-wrap:break-word;
white-space:nowrap;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
带省略号的浮动div的CSS-宽度未知
- 2
以“ 100％”宽度div显示省略号
- 3
CSS div自动调整大小到内容，带有最大宽度和省略号文本
- 4
将固定宽度的div浮动到未知宽度的div
- 5
CSS文字省略号和100％宽度
- 6
CSS文字溢出省略号+以％表示的宽度无效
- 7
CSS文字溢出：省略号不取决于宽度
- 8
截断省略号，不带宽度
- 9
CSS宽度与高度相同但高度未知
- 10
CSS宽度与高度相同但高度未知
- 11
两个div并排与省略号-最小宽度问题
- 12
使用div的表格不适用于宽度或文字省略号
- 13
当宽度设置为百分比时，CSS省略号不起作用
- 14
宽度设置为百分比时，CSS省略号不起作用
- 15
省略号以限制离子的文本高度和宽度
- 16
当CSS中的尺寸未知时，如何增加图像的宽度？
- 17
自动将<div>的宽度分配给其中图像宽度未知的包含的<img>
- 18
具有第二列动态宽度和省略号的固定宽度表
- 19
限制行内块元素的宽度以使其适合父级的省略号
- 20
如何使省略号在具有动态宽度（flex：1）的flex项目上工作？
- 21
宽度100％元素中的文本溢出省略号实现
- 22
如何在Angular中使用省略号和标签实现（动态宽度）文本输入？
- 23
使用文本溢出获取跨度中文本的宽度：省略号；在 IE11
- 24
CSS浮动div占用剩余宽度
- 25
带省略号的段落溢出
- 26
带省略号的功能原型
- 27
2个div，其中1个指定宽度，1个未知。如何解决这个问题
- 28
更少/ CSS-将未知宽度的容器分为四个部分？
- 29
以未知宽度居中
我来说两句