【发布时间】：2017-01-07 04:10:11
【问题描述】：
这是我的项目的link。
可以这么说，我希望他们两个都“居中”。但是，是的，我知道他们都可以占据 1 个位置。所以我认为是否有办法绘制一条垂直居中的（不可见的）水平线。然后，我可以将一个弹性项目放在这条线的正上方，另一个放在它的正下方。
但我认为有一种更好的方法可以用于居中超过 2 个弹性项目。
body{
background:#4A6556;
}
body>div>hello,hey{
background: #CCC;
border-radius: 7px;
margin: 5px;
padding: 20px;
}
body>div{
display: flex;
flex: row wrap;
flex-direction: column;
}
body>div>hey{
order:2;
font-family: 'Lato', sans-serif;
color:#212121;
}
body>div>hello{
order:1;
font-family: 'Kumar One', cursive;
color: #938653;
}
hello,
hey{
text-align: center;
}<link href="https://fonts.googleapis.com/css?family=Kumar+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kumar+One|Lato" rel="stylesheet">
<body>
<div>
<hello>Welcome!</hello>
<hey>This is my portfolio page.</hey>
</div>
</body>【问题讨论】：
-
如果使用类，则不需要使用nth-child ...
-
我想要整个屏幕页面的高度。不管那是什么。
-
@Santi 那些元素是有效的并且被称为Custom Elements
-
@LGSon 是否在 JavaScript 中未定义的自定义元素上运行默认行为？我的意思是，他们是否在没有定义的情况下进行验证？
-
@AndreiGheorghiu 我不记得争论过，我相信我问过你“如果不需要，为什么要使用自定义标签？”期待一个实际的答案，这不是修辞。你似乎对这个话题很了解，所以我想你可以提供一些见解。不要那么自卫，这是一次谈话，而不是争论。 LGSon - 有趣，谢谢。我必须对它们进行一些研究！