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

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。

您需要一个块元素，例如 a div，或者可能是一个内联块元素（通过display: inline-block在元素上设置来实现）。