<style> /* 方法一 * 通过定位来实现/ /* .content{ height: 300px; background: #0f0;
position: relative; } .conDetail{ background: red; position: absolute; left:
50%; top: 50%; transform: translate(-50%, -50%); } */ /* 方法二 * 通过弹性盒模型来实现 */ /*
.content{ height: 300px; background: #0f0; display: flex; align-items: center;
justify-content: center; } .conDetail{ background: red; } */ /* 方法三 */ /*
.content{ height: 300px; background: #0f0; width: 100%; position: relative; }
.conDetail{ background: red; position: absolute; width: 100px; height: 100px;
top: 0; left: 0; right: 0; bottom: 0; margin: auto } */ </style> <div
class="content"> <div class="conDetail"> 我是要实现居中对齐的内容 </div> </div>
 

技术
©2019-2020 Toolsou All rights reserved,
html写樱花树,写樱花树的作文java四大函数式接口(重点,简单)某东14薪变16薪,是诚意还是套路?os模块的简单使用HashMap详解让人意想不到的Python之樱花树(turtle库的华丽样式)浏览器内核(理解)