Chinese text is not displayed on one line #1943

Closed
opened 2026-10-05 01:01:52 +02:00 by adam · 0 comments
Owner

.breadcrumb-item.add-item {
width: min-content;
cursor: pointer;
color: #777;
transition: 0.3s;
}
371375694-6121a3fc-3728-40b2-a117-ebffe3d62a07

Because each character (or word) in Chinese text is considered as an independent content block, and min-content calculates the minimum width based on these independent blocks.
Replacing min-content with fit-content can display normally

.breadcrumb-item.add-item {
width: fit-content;
cursor: pointer;
color: #777;
transition: 0.3s;
}
371375713-9ae65b74-4e03-4487-9f44-2feeb5ed8cb9

.breadcrumb-item.add-item { width: min-content; cursor: pointer; color: #777; transition: 0.3s; } ![371375694-6121a3fc-3728-40b2-a117-ebffe3d62a07](https://github.com/user-attachments/assets/4fc55807-a1ef-4750-95ae-727127538be0) Because each character (or word) in Chinese text is considered as an independent content block, and min-content calculates the minimum width based on these independent blocks. Replacing min-content with fit-content can display normally .breadcrumb-item.add-item { width: fit-content; cursor: pointer; color: #777; transition: 0.3s; } ![371375713-9ae65b74-4e03-4487-9f44-2feeb5ed8cb9](https://github.com/user-attachments/assets/59d3f2ac-c211-43fa-9031-1c5a421540d6) <!-- github-sync-id:2552858797 -->
adam closed this issue 2026-10-05 01:01:53 +02:00
Sign in to join this conversation.
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: adam/Piwigo#1943