Question

我正在使用The Point主题，并且试图将上一页按钮移动到左侧，我查看了Styles.css文件，并弄清楚了如何在右侧制作下一页，但是无法弄清楚如何扩展两个按钮之间的空间并使左侧的上一页按钮堆叠在一起...

这是它的屏幕截图：

这是styles.css文件中的分页代码：

StreamInfoBook.xml

Answer 1

执行此操作的一种方法是使用Flexbox和justify-content: space-between。每个链接按钮（灵活的子代）都固定在父元素的任一角。

.pagination {
  display: flex;
  justify-content: space-between;
}

.btn {
  background-color: #35bbee;
  padding: 10px 15px;
  color: white;
  text-decoration: none;
}

<div class="pagination">
  <a class="btn btn-prev" href="#">Previous Page</a>
  <a class="btn btn-next" href="#">Next Pages</a>
</div>

jsFiddle

更改下一个和上一个按钮之间的空间

1 个答案: