cssの中でdivの中の内容は中央にあります.
table ( )css
/*
table , table
table 。
*/
table{
margin: 0px auto;
}
htmlのコード
- table 1
- table 2
- table 3
つ は、divを レベル にしてtext-align:centerを いて に する.
cssコード.container{
background: gray;
/*
,
*/
display: inline;
text-align: center;
}
htmlコード
div,
の 、float、position、leftを めて します.
cssコード/*
position: relative;float: left;left: 50%;
, left: -50%;
*/
.three{
position: relative;
float: left;
left: 50%;
background: pink;
}
.threeCenter{
position: relative;
float: left;
left: -50%;
background: green;
}
htmlコード
の は、position、left、top、translateを って します.
cssコード.four{
position: relative;
background: yellow;
left: 50%;
top: 50%;
}
.fourChild{
position: absolute;
transform: translate(-50%, -50%);
}
htmlコード
..
は の りです