css实现居中

<style>
  * {
  magin:0;
  padding:0;
  }
  #box {
  width:200px;
  height:200px;
  position:fixed;
  left:50%;
  top:50%;
  tranform:translate(-150px , -150px);
  }
<style>
<body>
  <div id="box"></div>
</body>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS实现居中的方式
    在介绍居中方式之前，简单介绍一下行内元素和块级元素。 行内元素 和其他元素都在同一行 高，行高及外边距和内边距部分...
    看看你的肥脸阅读 3,372评论 0赞 0
  • DIV+CSS实现居中
    垂直居中 height:div的高度line-height:div的行高 并且水平居中 text-align:规定...
    王小冬阅读 923评论 0赞 0
  • css实现居中的方法总结
    在页面布局中经常会涉及到各种居中问题，下面统计下经常用到的各种居中方法： 1.行内元素的水平居中 如果父元素是块级...
    rosalyn10阅读 2,744评论 0赞 5
  • CSS实现居中样式
    水平居中 行内元素水平居中 方法：用text-align：center实现 html代码部分 css代码部分 块元...
    小q阅读 14,560评论 0赞 2
  • css 实现居中的方法总结
    Demo html css 效果： 实现 1.宽度已知，使用margin 效果： 适用：只能进行水平居中，对浮动元...
    史梦辰阅读 3,012评论 0赞 0