我无法理解第一列顶部空间的来源.
两列应从相同的水平线开始.
忽略边距值.
这是为了将其与容器的其余部分水平对齐.
@import url('//fonts.googleapis.com/css?family=Roboto');
.column {
font: 12px 'Roboto';
column-count: 2;
column-gap: 2em;
max-width: 52%;
min-width: 300px;
margin: 30px 0 auto 25%;
}<div class="column">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque in sem rhoncus orci dapibus posuere ut id justo. Maecenas in venenatis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean dignissim neque
sit amet erat placerat hendrerit. Mauris faucibus id elit quis varius. Praesent egestas eu nunc …我正在尝试制作一个按钮，其中文本仅在悬停时出现在另一个文本之前。我做到了这一点，但不能拖延。
看看“让我们”这个词出现的速度有多快。需要放慢速度。
.btn {
width: 100px;
height: 100px;
border: none;
background-color: mediumseagreen;
transition: width 0.5s ease;
}
.btn:hover {
width: 200px;
}
.btn:hover::before {
content: "Let's ";
}<button class="btn">
Go
</button>我尝试使用此答案在悬停 - 转换上切换链接文本，但它实际上正在替换原始文本，不是吗？