Question

我已经使用SQL在div“col1”中插入了数据库中的文本。

HTML

<div id="col1">
    <article class="justify" style="width: 100%; min-height: 400px; overflow: auto; margin-top: 0px;">
        <h1>SENASTE ARTIKELN</h1>
        <h3><?php echo $val['title']; ?></h3>
        <h5><?php echo $val['author'] . ', publicerad ' . $val['pubdate']; ?></h5>
        <p><?php echo $val['content']; ?></p>
    </article>

    <p class="right"><a href="articles.php" class="referlink">- Gå till Artiklar</a></p>
</div>

CSS

div#col1 {
    width: 293px;
    float: left;
    padding: 10px 20px;
    text-align: justify;
    overflow: auto;
}

文本显示在一行中，导致长垂直滚动。如何删除滚动并使文本只显示在“宽度”和自动换行中..？

谢谢！

Answer 1

在CSS中尝试：

word-wrap: break-word;

DEMO

删除垂直滚动条

1 个答案: