css - 在定义宽度的跨度中换行？

Question

一旦达到跨度的宽度，如何在跨度中断开一条线？我尝试了最大宽度，但这不起作用，跨度总是与文本一样长。

想法？

谢谢！

Answer 1

默认情况下，<span>元素是“内联”的，并且总是会增长到其内容的大小。您需要明确声明<span>为display: block;或display: inline-block;。

Answer 2

span { 
    display:block;
    width:150px;
    word-wrap:break-word;
}

Answer 3

span是一个内联元素，意思是，它被包裹在文本（或其他内联元素）周围。它不受width或height。

你想要一个块元素，比如div，或者可能是一个inline-block元素（通过设置元素来实现display: inline-block）。