经常会看到有人贴出一个很长的网址,长到连续换好几个行,这种有什么好的解决方法呢?
我想到一种是设置 <a>
为 inline-block 并定义的最大宽度过长的直接 ...
,但这样一来行高就会被影响了,有什么好的解决方法吗?
示例代码:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut optime, secundum naturam affectum esse possit. Nam de isto magna dissensio est. Lorem ipsum dolor sit amet, <a href="#">http://example.com/?search=consectetur adipiscing elit. Luxuriam non reprehendit, modo sit vacua infinita cupiditate et timore. Qua tu etiam inprudens utebare non numquam. Nec vero hoc oratione</a> solum, sed multo magis vita et factis et moribus comprobavit. Ad eas enim res ab Epicuro praecepta dantur.
预览:
http://jsfiddle.net/24mxh2pd/1/
这就是答案
替换内容,把地址放到 a 的 href 属性中,再把 title 赋值成地址。