ethantw/Han

标点挤压与 `white-space: nowrap` 冲突

Closed this issue · 2 comments

Hsiao-Feng commented

当给元素加上

white-space: nowrap;

CSS 属性时，如果遇到有标点挤压，会导致标点后的元素换行（图一）。而删除掉右方括号】的挤压后，就会达到预期效果（图二）。

图一：

图一，被挤压换行

图二：

图二，恢复

Hsiao-Feng commented

到 han.css 里看了一下并试了试，似乎是由于这部分造成的：

bd-end:after, h-char.bd-jiya.bd-open:before, h-cs, h-cs[hidden] {
    display: none;
    visibility: hidden;
    content: " ";
    font: .825em Courier;
    letter-spacing: 0;
    white-space: normal
}

和其中的 content 有关。如果将 content 设为空，就不会再换行。

ethantw commented

Han.css提供的標點擠壓功能不支援這種特殊的情況，建議在 nowrap 的元素上關閉使用。

  • 👍1