css - 如何阻止此文本以固定宽度布局折叠？

Question

我将此站点设置为固定宽度，但信息块（右侧）一直向下折叠，当我缩小浏览器窗口或在移动设备中查看它时，它会出现在页脚下方 http://royalstudiosla.com/videos /zedd-ft-foxes-clarity-acoustic/

    <article id="singlevideo">
        <div id="video">
        </div>
        <div id="info">


        </div>

</article>

Answer 1

我希望我理解正确，但我认为您的意思是“断字”：

 p.test {word-break:break-all;}

 Options:
 normal :   Break words according to their usual rules
 break-all  : Lines may break between any two letters

或者我误解了，您希望允许长词能够中断并换行到下一行。在这种情况下使用：

 p.test {word-wrap:break-word;}

 Options:
 normal :   Break words only at allowed break points
 break-word :   Allows unbreakable words to be broken