具有定义宽度的跨度中的换行符？

Question

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

想法？

谢谢！

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，或者一个内嵌块元素（通过在元素上设置display: inline-block来实现）。