2010-04-24 65 views
0

代码为什么宽度不能在这里工作?

<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 
+0

仅供参考,全国拼写为“意大利” – waiwai933 2010-04-24 20:10:21

+0

@ waiwai933是如此无助 – ant 2010-04-24 20:11:21

+0

@ waiwai933:仅供参考,即“城市”是一个国家。 – Stephen 2010-04-24 20:11:52

回答

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

是的,它现在正在工作,显示:块也工作。 – 2010-04-24 20:37:54

+0

在此处查看工作示例http://jsbin.com/amozu4/3 – 2010-04-24 20:40:16

0

链接,您可以获取,使用此:

a { white-space:normal;} 
+0

尝试过,不工作 – 2010-04-24 20:16:49

+0

很奇怪..它在Ie7,chrome和FF上工作。你有其他的CSS附加到该页面? – Puaka 2010-04-24 20:21:14

+0

看到它不工作http://jsbin.com/amozu4 – 2010-04-24 20:27:45

1

如果你要渲染一个列表,然后把它列出来。即使这意味着重复每个项目的链接。

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

这样做的好处是,你也可以随时使它成为一个句子,使所有的li元素display:inline

+0

不,我不能改变HTML。 – 2010-04-24 20:19:37

+0

当然可以。否则这样做是没有意义的,除非它是作业? – 2010-04-24 20:21:12

+0

现在为什么倒票,我想知道? +1,因为这是迄今为止最好的,最有效的建议。 – 2010-04-24 20:30:30

0

添加display:block;width:40px;white-space:normal适合我。

+0

'白色空间:正常'不需要 – 2010-04-24 20:45:51

相关问题