PDA

View Full Version : [CSS] Set valign cho DIV


kid08
30-12-2006, 13:54
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
30-12-2006, 14:34
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 đó
30-12-2006, 15:16
dùng thêm một cái div bên trong nữa cho nó margin-top, margin-bottom 50% xem sao :D
kid08
30-12-2006, 16:39
@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
30-12-2006, 22:56
bác nào giúp em với :(
Than Dieu
31-12-2006, 00:27
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
31-12-2006, 01:02
Bạn dùng padding top và bottom là sẽ được.
pulsa
31-12-2006, 01:53
@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
31-12-2006, 02:00
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
31-12-2006, 07:19
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é
kid08
31-12-2006, 08:53
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.

nếu ko giới hạn width height thì nhiều khi FF nó ko hiện thị đúng như ý mình :)

còn cái valign chắc phải dùng padding thui chứ ko có cách nào khác :(
wallvlvn
27-06-2009, 19:57
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 :(

Hi chào bạn, điều này thật dễ dàng, bạn chỉ cần chèn thêm thẻ <p style="vertical-align:middle;" > vào trong thẻ <div> là ok.nếu làm ko dc nữa thì liên hệ với mình nhé yhoo: wallvungliem83
zmt264
27-06-2009, 20:40
G o o g l e: CSS vertical align
Sẽ thấy có khoảng 6 cách để làm việc này.
herofit
28-06-2009, 13:23
Hi chào bạn, điều này thật dễ dàng, bạn chỉ cần chèn thêm thẻ <p style="vertical-align:middle;" > vào trong thẻ <div> là ok.nếu làm ko dc nữa thì liên hệ với mình nhé yhoo: wallvungliem83

làm thía sao được thường căn giữa bằng line-height các bạn sài thử nhé. Còn làm như @wallvlvn thì không được đâu
1024KB
28-06-2009, 13:30
line-height
sự lựa chọn tối ưu.
herofit
28-06-2009, 13:33
line-height
sự lựa chọn tối ưu.

good !! nếu không thích thì margin padding cho lành :D
duongdangquoc
29-06-2009, 08:55
line-height
sự lựa chọn tối ưu.

Chính xác (mới đọc tối wa hj).