3

因此,一些聪明人正在将Zalgo Text放在他们的用户名中。我实际上并不想限制用户在他们的名字中使用重音符号,但是他们名字上方/下方的文字可能难以阅读。(请注意,这个示例实际上在完成的 SO 页面上呈现得非常好,但在编辑器中是另一回事!)

Tͤ̔ͧ̇̍ͣh̥̼ͧͤͭͫ̇͋̿͟i̧̹̥̳̲͎ͨ̿̐̚s̰͕̫̥ ̳͚̳̟̫̭̯͊ͭ̅̏̊i̢͖̭̾ͦ̓͆s̗̹ ̸̬̙̯̫̓̊ͪͭͩ̿ś̰̱̥̖̈̌̆̿ī̥͔̽m̛̹̙̈́̾̊p̙̪̘̄̽̄͗ͦl͕̭̱͎̄͆ě̂͒͑̄ ̜͎̯͚̠̖̍͊̕s̱̞̺ͣ̓̓̒͜a͍ͫ͑͜m͍̙̠̻̲͍̜͒́̇̓͛̍̑p̪̩̪͙͍̥̆͗͝l͍̔̾ͨě̷̞̯̫̮̝̔̓͂̾̐̊ ͂̊̍̑ͨ͒̈́t͉̯̜̣̹̋̊̉́e̶̟̘̬ͫ̊̉̚ͅx̳̻͙̫̮̲͚ț̟͕́̌̚
This is a second example

现在,我网站上的用户名以简单的<span>. 我想将一种样式应用于有效裁剪它包含的文本的跨度,以防止它溢出到元素之外(上方/下方)。

请注意,现在的行为非常不一致——有时符号会“渗入”用户名下方的行,有时则不会。它也可能因浏览器而异。如果可能的话,我更喜欢一个简单的跨平台解决方案。

4

1 回答 1

3

您可以使用该overflow:hidden;物业。您只需要将 span 的 display 属性设置为 inline-block :

演示

CSS:

span{
    display:inline-block;
    overflow:hidden;
}
于 2014-09-09T15:39:18.180 回答