【问题标题】:Flexbox: tried using Flex-end and text alignFlexbox:尝试使用 Flex-end 和文本对齐
【发布时间】:2020-07-19 19:28:29
【问题描述】:

我正在练习使用 css flexbox

我的问题是:如果我想把按钮放在页面的右侧该怎么办?

我已经尝试过 flex-end 和 text-align right。我在 row 使用了 flex,也在 col-12 上尝试过,但是输出还是一样的......

这是repl链接 repl.it

【问题讨论】:

  • 请包含一些代码(HTML + CSS),以便专家查看。恐怕链接到外部网站是不够的。

标签: css flexbox


【解决方案1】:

你可以试试

display: flex;
justify-content: space-between;

.col-12.

这将使 .col-12 跨越页面的整个宽度,并在其中的弹性项目之间平均分配额外的空间。

【讨论】:

  • 也许您需要添加代码以使 flexbox 在所有浏览器中都能正常工作? display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-05-29
  • 2017-03-28
  • 1970-01-01
  • 2020-07-30
  • 2013-12-06
  • 1970-01-01
  • 2022-10-14
相关资源
最近更新 更多