html - 移除垂直滚动条

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