主页 / 问题 / 1144472
Accepted
Андрей
Asked:2020-06-23 04:31:04 +0800 CST2020-06-23 04:31:04 +0800 CST

在网站页面上定位 HTML 元素的流行方法是什么？

  • 772

Flexbox, CSS Grid, position: absolute;, 相对定位，流体布局，固定，浮动——我头晕眼花。

很明显，现在我们需要一个自适应（一次！）和交互式（两次！）网站，为各种设备量身定制。

但是如何找到合适的定位解决方案呢？

使用哪一个，这样沉浸在理解主题中的时间不会很长，并且该解决方案对于开发多页现代网站最有效。

原来是这样一个哲学问题。

您使用什么解决方案？

建议新手。

html5

1 个回答

  1. Best Answer

    如果你刚刚开始学习，那么首先看看 translate()是什么，它可以帮助你，例如，可以简单有效地将对象定位在中心：

    div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

    此外，我建议学习CSS Grid Layout，目前它是最强大和最现代的布局组织方法。

    截至 2020 年 7 月，它还没有得到“深度”支持（iOS 10.3 及更高版本），但这只是时间问题。如果您没有任务来支持旧系统，那么这是最好的选择，因为了解Grid您将已经了解如何使用Flex等，没有任何问题。

    • 0

相关问题