html - 如何使

Question

网站的 CSS 代码我也将这两个不同的元素放在 Div 中并且每个 img 都有一个填充因此它不会从上方或下方粘在 div 边框上 /image/B2xfD.png

h2{
  font-family: anteb;
  text-align: center;
  border: solid 0.4vw black;
  width: 15%;
  margin: auto;
  margin-bottom: 5px;
  padding: .5%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 2vw; 
}
#thecont>img , #end{
width: 70%;
display:block;
margin:auto;
text-align: center;
padding: 5%;

Answer 1

要使元素垂直和水平居中，您可以使用 flexbox 属性。对于要居中的元素的外容器，

.outerContainer{
   display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
   display: -ms-flexbox;  /* TWEENER - IE 10 */
   display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
   display: flex; 
   justify-content:center;/* horizontal centering*/
   align-items:center; /* vertical centering */
   flex-direction:column; /* for making your child elements comes one after another in new lines*/
   height:200px;
   width:300px;
}