我有时会看到很长的网址:
"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 ???
来做答案 0 :(得分:6)
<a href="full-url">short-url</a>
短网址将显示在网页上,但链接将指向完整网址。
答案 1 :(得分:1)
使用网址缩短器,Google有一个可以连接的Api
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%;