带省略号的浮动div的CSS-宽度未知

布莱恩·麦金妮蒂

两个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;
}

http://jsfiddle.net/rfmny0a4/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS浮动div占用剩余宽度

来自分类Dev

CSS文字省略号和100%宽度

来自分类Dev

将固定宽度的div浮动到未知宽度的div

来自分类Dev

更少/ CSS-将未知宽度的容器分为四个部分?

来自分类Dev

限制行内块元素的宽度以使其适合父级的省略号

来自分类Dev

使用div的表格不适用于宽度或文字省略号

来自分类Dev

CSS文字溢出省略号+以%表示的宽度无效

来自分类Dev

带省略号的段落溢出

来自分类Dev

当宽度设置为百分比时,CSS省略号不起作用

来自分类Dev

当CSS中的尺寸未知时,如何增加图像的宽度?

来自分类Dev

如何使省略号在具有动态宽度(flex:1)的flex项目上工作?

来自分类Dev

两个div并排与省略号-最小宽度问题

来自分类Dev

CSS宽度与高度相同但高度未知

来自分类Dev

截断省略号,不带宽度

来自分类Dev

CSS div自动调整大小到内容,带有最大宽度和省略号文本

来自分类Dev

具有第二列动态宽度和省略号的固定宽度表

来自分类Dev

宽度100%元素中的文本溢出省略号实现

来自分类Dev

CSS文字溢出:省略号不取决于宽度

来自分类Dev

2个div,其中1个指定宽度,1个未知。如何解决这个问题

来自分类Dev

带省略号的功能原型

来自分类Dev

带省略号的浮动div的CSS-宽度未知

来自分类Dev

宽度设置为百分比时,CSS省略号不起作用

来自分类Dev

以“ 100%”宽度div显示省略号

来自分类Dev

CSS宽度与高度相同但高度未知

来自分类Dev

省略号以限制离子的文本高度和宽度

来自分类Dev

如何在Angular中使用省略号和标签实现(动态宽度)文本输入?

来自分类Dev

自动将<div>的宽度分配给其中图像宽度未知的包含的<img>

来自分类Dev

以未知宽度居中

来自分类Dev

使用文本溢出获取跨度中文本的宽度:省略号;在 IE11

Related 相关文章

  1. 1

    CSS浮动div占用剩余宽度

  2. 2

    CSS文字省略号和100%宽度

  3. 3

    将固定宽度的div浮动到未知宽度的div

  4. 4

    更少/ CSS-将未知宽度的容器分为四个部分?

  5. 5

    限制行内块元素的宽度以使其适合父级的省略号

  6. 6

    使用div的表格不适用于宽度或文字省略号

  7. 7

    CSS文字溢出省略号+以%表示的宽度无效

  8. 8

    带省略号的段落溢出

  9. 9

    当宽度设置为百分比时,CSS省略号不起作用

  10. 10

    当CSS中的尺寸未知时,如何增加图像的宽度?

  11. 11

    如何使省略号在具有动态宽度(flex:1)的flex项目上工作?

  12. 12

    两个div并排与省略号-最小宽度问题

  13. 13

    CSS宽度与高度相同但高度未知

  14. 14

    截断省略号,不带宽度

  15. 15

    CSS div自动调整大小到内容,带有最大宽度和省略号文本

  16. 16

    具有第二列动态宽度和省略号的固定宽度表

  17. 17

    宽度100%元素中的文本溢出省略号实现

  18. 18

    CSS文字溢出:省略号不取决于宽度

  19. 19

    2个div,其中1个指定宽度,1个未知。如何解决这个问题

  20. 20

    带省略号的功能原型

  21. 21

    带省略号的浮动div的CSS-宽度未知

  22. 22

    宽度设置为百分比时,CSS省略号不起作用

  23. 23

    以“ 100%”宽度div显示省略号

  24. 24

    CSS宽度与高度相同但高度未知

  25. 25

    省略号以限制离子的文本高度和宽度

  26. 26

    如何在Angular中使用省略号和标签实现(动态宽度)文本输入?

  27. 27

    自动将<div>的宽度分配给其中图像宽度未知的包含的<img>

  28. 28

    以未知宽度居中

  29. 29

    使用文本溢出获取跨度中文本的宽度:省略号;在 IE11

热门标签

归档