2011-09-14 72 views
0

我想鏈接某個太長的文本。例如,假設文本是:如何限制html定位標記文本的長度?

「將此文本鏈接到將具有相應結果集的頁面,結果集頁面inturn將重定向到另一個頁面,該頁面將提供單個項目,然後個別項目將重定向回到原來的鏈接「。

我可以通過在<a> ... </a>標籤之間放置上述文本來做到這一點。事情很好......生活很酷。現在是棘手的部分。上述文字將顯示在單行上,以水平方式增加頁面大小。我想分割字符串,同時保持錨鏈接。例如,我想要這樣的一些東西:

將此文本鏈接到將具有相應結果集的頁面。

結果集頁面inturn將重定向到另一個頁面,該頁面將提供individualitem。

結果集頁面inturn將重定向到另一個頁面,它會給出單個項目。

但是,這三行應被視爲一個單獨的鏈接,並將鼠標懸停在這些行中的任何行上都會顯示所有三行的下劃線(即每行不應被視爲單獨的鏈接)。

這可能嗎?

+1

錨元素不會水平增加頁面。它們自動換行。 –

+0

如果你想在特定的地方放行,只需加上'
'(代表「break」)來強制它。只要您只使用一組' ...',鏈接仍然是一個鏈接。 –

回答

0

如果你想將字符串拆分成句子,你必須做一些字符串操作。

一個更好的主意可能是將文本放在容器中並給容器一個固定的寬度。

0

不知道是否是符合標準的,但你可以這樣做:

http://jsfiddle.net/Nf2TW/

<a href="#">Link this text to a page that will have the corresponding result set. 
<br> 
The result set page inturn would redirect to another page that would give individualitem. 
<br> 
The result set page inturn would redirect to another page that would give individual item.</a> 
+0

從HTML5開始,這是符合標準的。 http://html5doctor.com/block-level-links-in-html-5/ –

+0

而就像10年前這是每個瀏覽器如何呈現這個反正=)。 –

+0

啊!感謝您的信息,@Ben Lee! –

1

這是嵌套的HTML標籤只是一個簡單的事情正確。例如,要將這三行全部分開但鏈接相同,請將它們放在單獨的<p>標記中,但將整個段封裝在<a>標記中。

<a href="#anchor"> 
<p>This is the first line.</p> 
<p>Another line.</p> 
<p>Down at the bottom, same link.</p> 
</a> 
+0

*僅在HTML5中有效 – sdleihssirhc

+0

@sdleihssirhc感謝您的補充。 –

0

我會做這樣的事情...

<a href="..."><div style="width:25%">bla bla bla bla bla bla bla</div></a> 

這應該使DIV一個鏈接,但也限制了間距。如果你想用句子或其他東西來分解它,我會在你想要的地方放一個<br />標籤到下一行(不要使用<br>,因爲這不是網頁標準)。