Kỹ thuật center cho CSS

Chiều ngang

text

Center text nằm trong div thì dễ quá rồi phải không nè?

<style>
.center {
    text-align: center;
}
</style>
<div class="center">
    Mấy chữ này sẽ bị center nè. Hehe!
</div>

Còn với div thì sao??

<style>
body {
    border: 1px solid #FF0000;
}
.div-center {
    margin: 0 auto;
    border: 1px solid #000;
    width: 300px;
}
</style>
<div class="div-center">
    Nguyên cái div này sẽ bị center luôn!
</div>

Center với absolute???

Cái này mới cân não nè. Hị hị!

<style>
.container {
    position: relative;
}
.asb-its-me {
    position: absolute;
    width: 400px;
    height: 200px;
    top: 50{a800a251b634c5d11f20a2d07a906847a3b3472666285838eb476f2ac984752d};
    left: 50{a800a251b634c5d11f20a2d07a906847a3b3472666285838eb476f2ac984752d};
    margin-top: -100px;
    margin-left: -200px;
}
</style>

4
Bình luận

avatar
2 Bình luận
2 Trả lời
0 Theo dõi
 
Bình luận được trả lời nhiều
Bình luận đang hot
2 Tác giả bình luận
Nhat TranLệ Thu Người dùng bình luận
  Subscribe  
mới nhất cũ nhất
Notify of
Lệ Thu
Khách
Lệ Thu

Hello world

Nhat Tran
Khách
Nhat Tran

Where are you now?

Lệ Thu
Khách
Lệ Thu

Hanoi

Nhat Tran
Khách
Nhat Tran

Hehehe