如何缩短长网址

时间:2012-08-04 20:38:25

标签: html asp.net-mvc url href

我有时会看到很长的网址:

"https://www.google.de/#hl=de&sclient=psy-ab&q=break+long+url+css&oq=break+long+url+&gs_l=serp.1.1.0i30l4.3822.3822.0.5634.1.1.0.0.0.0.85.85.1.1.0...0.0...1c.Hao7HfzLitY&pbx=1&bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&fp=48c9a29cac04fd97&biw=1680&bih=925"

这非常令人讨厌,因为占据了很多位置。

我想在我的视图中给出简短的版本,例如 - > "https://www.google.de/#hl=de&sclient=psy-"

但是我会点击它,然后再次登陆这个包含完整路径的那个。

我怎么能用html a href =“”link ???

来做

3 个答案:

答案 0 :(得分:6)

<a href="full-url">short-url</a>

短网址将显示在网页上,但链接将指向完整网址。

答案 1 :(得分:1)

使用网址缩短器,Google有一个可以连接的Api

http://goo.gl/

https://developers.google.com/url-shortener/v1/getting_started

答案 2 :(得分:0)

您可以使用 CSS 属性将长文本 url 显示为短文本 试试这个...

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: 40%;