AirPodsPro的博客

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

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