10/10/2018, 09:40

[CSS] Set valign cho DIV

Có ai bix canh nội dung ở giữa 1 div ko, đúng chính giữa á chữ ko phải chỉ tính hàng ngang mà cả hàng dọc, nếu dùng table thì ở tag TD có thuộc tính valign nhưng với DIV thì ko bix làm sao
conan1212 viết 11:47 ngày 10/10/2018
Kid08 dùng text-align thử xem, mình cũng đang thắc mắc vấn đề này? Bà con ai bít chỉ cho hắn đi.
cái nick đó viết 11:52 ngày 10/10/2018
dùng thêm một cái div bên trong nữa cho nó margin-top, margin-bottom 50% xem sao
kid08 viết 11:46 ngày 10/10/2018
@conan: ko đc bạn à, cái đó chỉ canh giữa hàng ngang thôi
@cái nick đó: cũng ko đc lun hix

với cả em có 1 vấn đề nữa là nếu xài DIV trên FF, nếu mình ko set rõ height cho từng DIV thì sẽ khó hiện thị đúng -> nếu nội dung trong DIV đó dài quá height quy định thì nó sẽ bị nhảy ra ngoài DIV (hiển thị trên FF) trông rất xấu, ko bix ai fixx đc ko nhỉ, em thì phải xài overflow:auto để cho nó tự thêm thanh trượt
kid08 viết 11:42 ngày 10/10/2018
bác nào giúp em với
Than Dieu viết 11:48 ngày 10/10/2018
Trùi, cái div nó chỉ có tác dụng chia trang thôi chứ.

Sao không cho nó vào cái table đi anh.
terafunny viết 11:47 ngày 10/10/2018
Bạn dùng padding top và bottom là sẽ được.
pulsa viết 11:46 ngày 10/10/2018
Được gửi bởi kid08
@conan: ko đc bạn à, cái đó chỉ canh giữa hàng ngang thôi
@cái nick đó: cũng ko đc lun hix

với cả em có 1 vấn đề nữa là nếu xài DIV trên FF, nếu mình ko set rõ height cho từng DIV thì sẽ khó hiện thị đúng -> nếu nội dung trong DIV đó dài quá height quy định thì nó sẽ bị nhảy ra ngoài DIV (hiển thị trên FF) trông rất xấu, ko bix ai fixx đc ko nhỉ, em thì phải xài overflow:auto để cho nó tự thêm thanh trượt
Bạn thử position:absolute; top:50%; left:50%; hoặc vertical-align: middle; xem đc không.
Với FF bị nhảy chữ thì rất đơn giản, chỉ cần không giới hạn height hoặc width là okie.
Than Dieu viết 11:47 ngày 10/10/2018
position:absolute; top:50%; left:50%; mấy thông tin này là để định vị trí hiển thị div hoặc table chứ không phải là canh văn bản anh ah.

Theo em lồng nó vào một table là được
Biobie viết 11:45 ngày 10/10/2018
hình như là bạn muốn canh chiều dài giữa hai cột (navigation, content). Hùi trước mình cũng bị vấn đề này, và được một bác lớn tuổi ở Mỹ cho cái java script... cái đó nó sẽ tự động canh 2 cột bằng nhau. (còn div bác vẫn code bình thường).
Hình như trang web của bác ấy có chứ pittstop thì phải ... gú gồ hé
Bài liên quan
0