正文出div栏基础zurb

Question

只是想创建简单的模板，但不知道为什么文本会超出 div。这是代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    @include('qhymchildz.includes.head')

</head>
<body>
    <div id="container">
        <div id="header" class="panel">
        ini headersssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
        </div>
        <div id="main" class="row">
            <div id="content" class="medium-10 columns panel">
                <p>contentssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</p>
            </div>
            <div id="sidebar" align="left" class="medium-2 columns panel">
                <p>salfjasjf;lajfja;jsfl;;asjf;lawoierwruowirowuriowrowrowurioweruiowrowerowurowuriowrowrowuroirour</p>
            </div>
        </div>
        <div id="footer" class="panel">
            ini footer
        </div>
    </div>
</body>
</html>

这是结果 http://prntscr.com/5nwn5l

如何解决？

提前致谢。

Answer 1

抱歉，由于信誉不佳，我无法发表评论，但是否可以看到您使用的 CSS 代码，因为这会有很大帮助。

乍一看，可以使用 word-wrap: break-word 来修复它，因为您使用的是实线文本而不是带空格的文本。如果不是，则可能是 overflow-x 问题。也可能是，如果您使用的是列和行所建议的网格模板，则该代码可能存在问题，会影响长文本字符串对空间不足的响应方式。

尝试将该文本分解为真实的单词或一些 Lorem Ipsum

真的，我需要看看你的 CSS，谢谢。

正文出div栏基础zurb

Text going out of div column foundation zurb

html

css

laravel

zurb-foundation