vs white-space:nowrap

2019-03-27 14:16发布

问题:

I will admit that I have a habit of using   between words when I don't want them to break (table headers for example). Should I really be styling my element with white-space:nowrap? Are there advantages/disadvantages to either if the only thing I am looking to do is keep words from wrapping?

回答1:

There are cases where nonbreaking space cannot help:

  • word contains hyphen (e.g. web-developer);
  • hyphens: auto is used for element containing text to make hyphenation automatically.

In these cases, white-space: nowrap is useful. Also, nonbreaking space works regardless of whether styles are applied to document while CSS rules work solely when styles are enabled.