AirPodsPro的博客

原创 CSS 中实现文本超出部分省略的效果

在 CSS 中使用 text overflow: 设置文字超出部分的显示效果，属性值 ellipsis 可将超出部分的文字显示为省略号。在 Flex 布局下为弹性盒子设置文字省略效果时需注意以下事项：弹性盒子本身或父级设置宽度（若父级有宽度则弹性盒子可以被内容撑开）若不想给弹性盒子设置具体宽度，可以给出以下属性：flex: 1;width: 0；设置文字不换行显示，超出部分省略并隐藏：white-space: nowrap;overflow: hidden;text-over