Han
Han copied to clipboard
标点挤压与 `white-space: nowrap` 冲突
当给元素加上
white-space: nowrap;
CSS 属性时,如果遇到有标点挤压,会导致标点后的元素换行(图一)。而删除掉右方括号】的挤压后,就会达到预期效果(图二)。
图一:

图二:

到 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 设为空,就不会再换行。
Han.css提供的標點擠壓功能不支援這種特殊的情況,建議在 nowrap 的元素上關閉使用。