css 左右兩邊對齊

本文轉載自查看原文 2020-08-24 17:16 534

<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
</head>
<style>
    .column-left {
        background: red;
    }

    .column-right {
        background: pink;
    }

    .column-left,
    .column-right {
        margin-bottom: -9999px;
        padding-bottom: 9999px;
        width: 500px;
        float: left;
    }

    .container {
        margin: auto;
        max-width: 1020px;
        overflow: hidden;
    }
</style>

<body>
    <div class="container">
        <div id="colLeft" class="column-left">
            <h4>正方觀點</h4>
            <p>觀點1</p>
            <p>觀點1</p>
            <p>觀點1</p>
            <p>觀點1</p>
            <p>觀點1</p>
            <p>觀點1</p>
            <p>觀點1</p>
            <p>觀點1</p>
            <p>觀點1</p>
            <p>觀點1</p>
        </div>
        <div id="colRight" class="column-right">
            <h4>反方觀點</h4>
            <p>觀點1</p>
        </div>
    </div>

</body>
<script>

</script>

</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 橫向的兩邊對齊--從而讓元素左右貼邊 CSS - 文本左右兩端對齊 css 怎么在文字兩邊加上橫線 DIV上下兩邊虛化css CSS 圖像左右對齊 Element transfer 兩邊數據（左右）的顯示問題？富文本編輯器輸出的文章左右兩端文字不能對齊，有什么辦法可以解決css文章對齊。 css 矩形兩邊挖半圓列表左邊左右固定，右邊可以左右滾動，且左右兩邊列表滾動時上下聯動 CSS 兩邊是線中間是文字的效果