中断HREF以转移到下一行

时间:2017-03-16 04:25:30

标签: html css

我有以下几行。

<li><a href="Very_long_text_in_this_line">'Very long text in this line'</a>  
</li>

我想以这种格式打破它。

很长的文字

在这一行

我试过但是无法获得输出。

我怎样才能做到这一点?

提前致谢。

6 个答案:

答案 0 :(得分:4)

您是否检查过您的代码,如果您这样做,它将按预期进行换行:

compile 'com.jakewharton:butterknife:8.5.1'
annotationProcessor 'com.jakewharton:butterknife-compiler:8.5.1'

答案 1 :(得分:4)

我认为br没问题。

<li><a href="Very_long_text_in_this_line">'Very long text <br/> in this line'</a>
</li>

但是,如果您不想br,请使用div

<li><a href="Very_long_text_in_this_line">'Very long text <div>in this line'</div></a>  
</li>

答案 2 :(得分:1)

其他方法,请使用word-break css

&#13;
&#13;
li {
  max-width: 200px;
}

li a {
  word-break: break-all;
}
&#13;
<li><a href="http://stackoverflow.com/questions/42825280/break-in-href-to-move-to-next-line">http://stackoverflow.com/questions/42825280/break-in-href-to-move-to-next-line</a></li>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

只需简单地放

    <br>
链接标题中的

标记,即在标记之间。 尝试一下。

答案 4 :(得分:0)

似乎您需要一些有关HTML代码的帮助。要添加中断,只需在代码中添加<br>。 示例:

    <li><a href="Very_long_text_in_this_line">'Very long text <br>in this line'</a></li>

祝您愉快:D

答案 5 :(得分:0)

我发现使用断字可能会带来负面影响。

a { word-break: break-all; }

在我们的情况下,我们CMS的用户可能会交替使用URL本身作为显示文本,或者以更具可读性的方式显示该文本。断字允许普通文本在中音节处的任意字母处断开。 (Chrome,版本83,Mac)

通过比较,在我的测试中出现了溢出换行,以创建普通的分词符并在“ /”后添加换行符,这非常容易理解。

a { overflow-wrap: break-word; }