如何设置字母之间的间距相等,以便自动换行始终如一
How to set equal spacing between letters so that word wrap works consistently
我有一个 angular 组件,它生成一个网格 table(使用 ag-grid),其中 header 行用作日历,格式化 FRI 中的答案 - 28 月 09 日。
问题是因为我用
包裹了一个词
text-overflow: clip;
overflow: visible;
white-space: normal;
网格是响应式的,它的宽度会发生变化,这意味着单元格有时可以更宽。包含 'FRI'(星期五)的日期,由于 'I' 而在所有其他日期之后进入 word-wrapper。
如何在不破坏单元格响应且不将字体样式更改为等宽字体的情况下使它在中断的地方保持一致。
所以我能想到的最好的...
由于单元格是用 ag-grid 制作的,因此我可以识别文本的内部元素并在文本的 class 上设置固定宽度。通过这种方式,我可以确保自动换行始终处于活动状态,而不会破坏网格的响应能力。
这并不能解决自动换行在字母数量上而不是字母占用的 space 数量上保持一致的问题。
我有一个 angular 组件,它生成一个网格 table(使用 ag-grid),其中 header 行用作日历,格式化 FRI 中的答案 - 28 月 09 日。 问题是因为我用
包裹了一个词text-overflow: clip;
overflow: visible;
white-space: normal;
网格是响应式的,它的宽度会发生变化,这意味着单元格有时可以更宽。包含 'FRI'(星期五)的日期,由于 'I' 而在所有其他日期之后进入 word-wrapper。 如何在不破坏单元格响应且不将字体样式更改为等宽字体的情况下使它在中断的地方保持一致。
所以我能想到的最好的... 由于单元格是用 ag-grid 制作的,因此我可以识别文本的内部元素并在文本的 class 上设置固定宽度。通过这种方式,我可以确保自动换行始终处于活动状态,而不会破坏网格的响应能力。 这并不能解决自动换行在字母数量上而不是字母占用的 space 数量上保持一致的问题。