时间戳

首页 > 解决方案 > 将组件居中到组件中

javascript - 将组件居中到组件中

问题描述

我需要将一个组件居中到另一个组件中。我有一个 div 有 2 个组件，第一个是主要的，第二个是我想在第一个的中心显示的横幅。我做了一个 jsfiddle 来解释我的问题

https://jsfiddle.net/CanadianDevGuy/vjb4k9un/38/

<div id="app">
  <first></first>
  <second></second>
</div>

实际配置图片

主 div（白色边框需要与第一个组件（黑色）完全匹配，底部没有空格。

我还添加了相对显示，因为我需要红色组件跟随黑色（仍然居中）

标签： javascriptcssvue.js

解决方案

设置#app {高度：250px；} 然后在底部多余的空间被删除，第二个组件适合在中心。

[在此处输入图片描述][1]

推荐阅读