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

1 个答案: