为什么宽度不在这里工作？

Question

码

<a href="#" style="width:50px;white-space:normal">Hello how are you</a>

输出

你好，你好吗

为什么它不像这样呈现我需要这样。

Hello
how 
are 
you

如何在不改变HTML的情况下实现这样的输出？

<p style="width:165px;height:80px;border:1px solid red">

  <a href="#" style="width:80px;white-space:normal">Hello how are you</a>

  </p>

在此处查看实时示例http://jsbin.com/amozu4

我需要像这样的链接

Hello
how 
are 
you

Answer 1

<a style="width:40px;display:inline-block;">

Answer 2

如果您要渲染列表，请将其设为列表。即使这意味着重复每个项目的链接。

<ul style="list-style:none;">
  <li><a href="#">london</a></li>
  etc

这样做的好处是，您可以随时通过制作所有li元素display:inline来使其成为句子。

Answer 3

你可以用这个来解决这个问题：

a { white-space:normal;}

Answer 4

添加display:block;width:40px;white-space:normal对我有用。