美文网首页
让div居中

让div居中

作者: 亚萍 | 来源:发表于2016-12-27 23:19 被阅读23次

左右居中:margin:auto;

垂直居中:

1、用display:table;

html 浏览器显示

用完之后感觉不太好用,平时使用不多,如果子元素没有写文本,子元素的宽度将是0,写上文案或者插入图片,跟表格一模一样;

2、决对定位:position:absolute;

position:absolute; left:50%; right:50%; margin-left:width/2; margin-top:height/2;

这种写法兼容性非常好,上面的宽高就是该元素的宽高

还有一种是h5的写法,用到transform,优点不需要写死宽高,移动端非常好用

position:absolute; left:50%; right:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);

相关文章

  • 让div居中

    左右居中:margin:auto; 垂直居中: 1、用display:table; 用完之后感觉不太好用,平时使用...

  • 前端学习第三天- margin和浮动

    想让盒子(div)居中 1 让盒子中的内容居中--文本或者行内,行内块元素水平居中: 让盒子本身水平居中,而不是内...

  • Css让div在屏幕上居中

    # 让div在屏幕上居中(水平居中+垂直居中)的方法总结 - html代码如下: - Css居中方法 (敲黑板)...

  • div居中

    如何居中div-- 水平居中:给div设置一个宽度,然后添加margin:0 auto属性 -- 让绝对定位的di...

  • 文本在div中水平垂直居中

    ****让文字在div中水平居中**** css样式代码.content可以让content中内容水平垂直居中

  • CSS水平垂直居中总结

    CSS水平居中、垂直居中、水平垂直居中方法总结 文字的水平居中: 单行文字的垂直居中: 让有宽度的div水平居中:...

  • 如何将窗口定位到页面中间

    如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:...

  • div居中

    1. 水平居中:给div设置一个宽度,然后添加margin:0 auto属性 2. 让绝对定位的div居中 3. ...

  • 水平居中和垂直居中

    html页面结构如下,仅讨论块状元素的居中问题,div的父元素为body,改成其他元素同理 DIV仅水平居中 让...

  • div屏幕居中,并且文字在div居中

    如何使用div在屏幕里居中,div里的文字也居中. 使用实例:

网友评论

      本文标题:让div居中

      本文链接:https://www.haomeiwen.com/subject/hkxvxttx.html