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

一口

我想实现white-space: nowrap;text-overflow: ellipsis;flex:1;不设置DIV max-width我希望它调整到给定的宽度flex:1

这是一个小提琴,解释了我想要什么以及实际发生了什么:https : //jsfiddle.net/dani3l/6y04bvu1/13/

我只想在可能的情况下保留解决方案。

提前致谢!

杰伊·帕特尔(Jay Patel)

要应用文本溢出:省略号,您必须提供width或max-width,否则它不知道需要在哪里停止。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

flex项目内的CSS省略号

来自分类Dev

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

来自分类Dev

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

来自分类Dev

带有省略号的动态文本旁边的滑动图标

来自分类Dev

相等但动态大小的列,带有省略号

来自分类Dev

具有多个跨度的文本溢出省略号

来自分类Dev

截断省略号,不带宽度

来自分类Dev

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

来自分类Dev

文本溢出:省略号在嵌套的flex容器中不起作用

来自分类Dev

文本溢出省略号和flex在Firefox上不起作用

来自分类Dev

如何使div省略号里面有多个段落?

来自分类Dev

如何使 flex 项目以固定宽度包裹

来自分类Dev

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

来自分类Dev

max-height无法在具有位置:固定的flex容器中的模式对话框上工作

来自分类Dev

为什么文本溢出:省略号不适用于 Firefox 中的 display: inline-flex?

来自分类Dev

如何为TD设置省略号

来自分类Dev

如何避免Dplyr中的省略号...?

来自分类Dev

如何使用文字溢出:省略号?

来自分类Dev

CSS文字省略号和100%宽度

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Delphi IDE中的“项目选项”中的省略号按钮是否有键盘快捷键?

来自分类Dev

为什么我的文字溢出:省略号;没有工作吗?

来自分类Dev

为什么我的文字溢出:省略号;没有工作吗?

来自分类Dev

某些数字或具有单词边界的字符后的省略号

来自分类Dev

具有3个点的CSS“省略号”的Angular 7垫选择问题

Related 相关文章

  1. 1

    flex项目内的CSS省略号

  2. 2

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

  3. 3

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

  4. 4

    带有省略号的动态文本旁边的滑动图标

  5. 5

    相等但动态大小的列,带有省略号

  6. 6

    具有多个跨度的文本溢出省略号

  7. 7

    截断省略号,不带宽度

  8. 8

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

  9. 9

    文本溢出:省略号在嵌套的flex容器中不起作用

  10. 10

    文本溢出省略号和flex在Firefox上不起作用

  11. 11

    如何使div省略号里面有多个段落?

  12. 12

    如何使 flex 项目以固定宽度包裹

  13. 13

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

  14. 14

    max-height无法在具有位置:固定的flex容器中的模式对话框上工作

  15. 15

    为什么文本溢出:省略号不适用于 Firefox 中的 display: inline-flex?

  16. 16

    如何为TD设置省略号

  17. 17

    如何避免Dplyr中的省略号...?

  18. 18

    如何使用文字溢出:省略号?

  19. 19

    CSS文字省略号和100%宽度

  20. 20

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

  21. 21

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

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

    Delphi IDE中的“项目选项”中的省略号按钮是否有键盘快捷键?

  26. 26

    为什么我的文字溢出:省略号;没有工作吗?

  27. 27

    为什么我的文字溢出:省略号;没有工作吗?

  28. 28

    某些数字或具有单词边界的字符后的省略号

  29. 29

    具有3个点的CSS“省略号”的Angular 7垫选择问题

热门标签

归档