css 盒子水平居中(确定宽度和不确定宽度)
来源:互联网 发布:智慧养羊软件 编辑:程序博客网 时间:2024/06/06 07:34
说到让一个div水平居中,立马想到最常用的就是margin:0 auto;但是这个的前提是必须知道盒子的宽度,盒子居中主要有两种情况:
一.确定盒子的宽度,解决办法有:
1.1 margin:0 auto;
1.2 position:relative;left:50%;margin-left:-0.5*width;(用绝对定位也可以)
二.不确定盒子宽度的,而且盒子宽度可变的,方法如下
2.1 position:relative:left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);//这里的50%是指盒子本身的50%;
2.2 width:fit-content;width:-moz-fit-content;width:-webket-fit-content;margin:auto;
0 0
- css 盒子水平居中(确定宽度和不确定宽度)
- css不确定宽度的水平居中
- css不确定宽度的水平居中
- 自适应宽度盒子水平垂直居中css
- 定位 宽度不确定 水平居中
- 不确定宽度的块级元素的水平居中
- css 不定宽度的水平居中
- 未知div宽度高度使div水平垂直居中(弹性盒子方法)
- CSS盒子水平居中
- 不确定宽度的块级元素的水平居中三方法
- css未知宽度水平居中的几种解决方案
- css使宽度不定的div水平居中
- css 不定宽度的块级元素水平居中
- css不定宽度居中
- css不定宽度居中
- css 高度、宽度居中
- 未知宽度div水平居中
- css自适应宽度 多种方法实现宽度自适应的水平居中
- hdu2089 简单dp
- 日常Java积累()
- 结构体中常见的冒号的用法是表示位域。
- ZOJ 3879 Capture the Flag(模拟)
- 解决Ubuntu 14.04的enable wifi问题(ASUS F552CL)
- css 盒子水平居中(确定宽度和不确定宽度)
- android---不打开图片获取图片宽高
- Windows 10 操作系统启用旧版本的 Windows照片查看器
- Linux程序移植到Android
- LeetCode *** 89. Gray Code
- 会话状态Session
- 网络:hmac 与服务器时间
- java工程下读取配置文件的路径问题
- ZOJ 3880 Demacia of the Ancients