全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

CeraNetworks网络延迟测速工具IP归属甄别会员请立即修改密码
查看: 679|回复: 7

请教一个CSS问题

[复制链接]
发表于 2022-7-28 21:48:49 | 显示全部楼层 |阅读模式
不使用flex的条件下,怎么实现文字中间部分显示省略号
效果:


https://jsfiddle.net/jqLo7xs6/51/
发表于 2022-7-29 08:32:57 来自手机 | 显示全部楼层
前面固定宽度后面用calc动态计算宽度呗,或者用table-cell也行。
 楼主| 发表于 2022-7-29 10:22:23 来自手机 | 显示全部楼层
yousihai 发表于 2022-7-29 08:32
前面固定宽度后面用calc动态计算宽度呗,或者用table-cell也行。

感谢指导!
发表于 2022-7-29 10:49:33 | 显示全部楼层
这样做有什么意义?
 楼主| 发表于 2022-7-29 13:32:21 来自手机 | 显示全部楼层
mjjok 发表于 2022-7-29 10:49
这样做有什么意义?

路径显示,宽度不够保证显示头尾
发表于 2022-7-29 14:57:24 | 显示全部楼层
hooper 发表于 2022-7-29 13:32
路径显示,宽度不够保证显示头尾

常用的做法,是末尾用省略号表示。
中间的做法极少。
发表于 2022-7-29 15:06:35 | 显示全部楼层
不用flex,那就grid
发表于 2022-7-29 19:23:05 来自手机 | 显示全部楼层
大师兄 发表于 2022-7-29 15:06
不用flex,那就grid

flex都不能用grid这种更新的规范就更不能用了
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2024-4-16 14:42 , Processed in 0.066198 second(s), 8 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表