1、居中!居中!居中!重要的事情说三遍!

9.19号开始每天更新一个知识点,我就不信记不住,啊啊啊!

方法一:flex布局

父元素设置:

display: flex;

justify-content: center;

align-items: center;

方法二: 一半半

当前元素设置:

display:absolute;

top: 50%;

left: 50%;

margin-left: 1/2width;

margin-top:1/2height;

方法三:transform

position: absolute;

top: 50%;

left: 50%;

width:200px;

height: 200px;transform: translate(-50%, -50%);

24小时内更新 js数据类型中Symbol到底是干嘛的

注:做这个24小时内更新,为了逼自己学点东西,目的解决问题,现在知识点比较小,少。如果有人看到,希望提出意见~~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 9,700评论 0 8
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,807评论 1 92
  • display:设置元素的显示方式 display:block(块级元素) 默认为父元素宽高,可设置宽高相对前序换...
    bluishwhiteC阅读 669评论 0 0
  • 年,情怀依旧 腹稿早已打好,本想着开工前一天码出来的; 但,离开家,年,好像就过完了; 现在提起,似乎有点在不对的...
    筗_z阅读 321评论 0 0
  • 各位大发家人晚上好: 在学习活法第二章节,其中第三段“自己的人生之戏如何编演”让我有所感悟,现就此段谈谈自己...
    徐书成xsc阅读 619评论 0 0