如何在新行上强制链接？

Question

I have a sequence of html links, some long and some short. Now my problem is I don't want the link to break to a new line in the middle, I want it to just go to the new line. Right now some of my links (a sequence of words which can be 5 or 6 words long) have the annoying behaviour of breaking to a new line right in the middle.

Makes sense?

can you help? Thx!

Answer 1

Try this:

a {
  white-space: nowrap;
}

Here's an example on jsfiddle .

Answer 2

You should be able to do that with <nobr><a ...</a></nobr> , which is deprecated as Sn0opy pointed out.

You should do it via CSS:

a { 
    white-space: nobreak; 
}

Answer 3

You can set the anchor's display attribute in css to block. Here is a working sample .