2010-04-24 45 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