时间戳

首页 > 解决方案 > 使用 HTML 时如何选择特定列

列功能？

html - 使用 HTML 时如何选择特定列
列功能？

问题描述

在我的场景中，我有时需要在第二列开始时留出空隙，以便为一些固定位置的图标腾出空间，但我不知道我将收到的文本元素的数量或长度。

是否有 CSS 选择器来选择第二列？

<html>
<head>
    <style>
        div.multicol {
            hyphens: auto;
            page-break-after: auto;
            column-width:90mm;
            column-count: 2;
            column-gap: 5mm;    
            column-rule: 4px solid #ccc;
        }
    </style>
</head>
<body>
    <div class="multicol">
        <p>Lorem ipsum dolor sit amet</p>
        <p>Lorem ipsum dolor sit amet</p>
        <p>Lorem ipsum dolor sit amet</p>
        <p>Lorem ipsum dolor sit amet</p>
        <p>Lorem ipsum dolor sit amet</p>            
    </div>
</body>

标签： htmlcssmultiple-columns

解决方案

推荐阅读