Thuộc tính canh dọc trong css, canh dọc cho chữ và hình ảnh trong css

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML' bắt đầu bởi admin, 11/9/14.

  1. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    3,738
    Đã được thích:
    711
    Điểm thành tích:
    113
    Giới tính:
    Nam
    • Là lập trình viên có nhiều bạn chắc không biết thuộc tính canh chiều dọc cho text và hình ảnh.
    • Nhiều lúc bạn để hình ảnh và thẻ h1,h2,... trên 1 dòng, bạn thường rất bực mình vì hình ảnh và chuỗi text cùng nằm trong thẻ này nó không canh theo ý bạn, lúc thì nó đi lên, lúc thì nó đi xuống, khiến disign nhìn rất xấu.
    • Có nhiều bạn không biết đã dùng cách tạo 2 thẻ <div... cho nó và chèn thuộc tính float cho nó và bắt đầu margin để nó nằm đúng vị trí đẹp nhất.
    • Rất ít bạn chú ý trong html code css đã cho bạn lệnh đó rồi.
    • Hầu hết mọi người đều biết thuộc tính canh giữa của hình ảnh và text là thuộc tính text-align:...đối tượng cần, mà ít ai biết tới thuộc tính canh dọc của hình ảnh và text.
    • Bằng chứng là rất nhiều bạn hay hỏi mình vấn đề này, nên tiện thể mình viết 1 bài về canh dọc luân :1yh:.
    Để canh theo chiều ngang :
    HTML:
    text-align: center;
    text-align: left;
    text-align: right;
    ....
    
    Để canh theo chiều dọc:
    HTML:
    vertical-align: middle;
    vertical-align: bottom;
    vertical-align: top;
    ....
    
    Cảm ơn các bạn đã đọc bài viết.
     
    Cảm ơn đã xem bài:

    Thuộc tính canh dọc trong css, canh dọc cho chữ và hình ảnh trong css

    Đang tải...
  2. seolagi

    seolagi

    Vip Member

    Tham gia ngày:
    16/4/14
    Bài viết:
    258
    Đã được thích:
    5
    Điểm thành tích:
    18
    Mình đang học năm 3, học về web nhiều nhưng chưa biết thuộc tính này thiệt, toàn dùng thẻ div và float giống admin nói vậy.
     
  3. yeuyeu90

    yeuyeu90 Thành Viên Mới

    Tham gia ngày:
    3/3/15
    Bài viết:
    15
    Đã được thích:
    0
    Điểm thành tích:
    1
    Cái này hình như dùng cho hình ảnh không được ad ạ
     
  4. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    3,738
    Đã được thích:
    711
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Hình ảnh được bạn nhé, bạn tảo css cấu hình mà xem, mình vẫn dùng nó cho hình ảnh mà
     
  5. yeuyeu90

    yeuyeu90 Thành Viên Mới

    Tham gia ngày:
    3/3/15
    Bài viết:
    15
    Đã được thích:
    0
    Điểm thành tích:
    1
    Thực sự là: mình dùng cho hình ảnh không được
     
  6. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    3,738
    Đã được thích:
    711
    Điểm thành tích:
    113
    Giới tính:
    Nam
    :D bạn send email vao itseovn@gmail.com rồi đưa mình ip teamview mình vào làm cho bạn xem
     
  7. PhunuSEO

    PhunuSEO Thành Viên Mới

    Tham gia ngày:
    23/11/16
    Bài viết:
    16
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    topic rất hữu ích. up để bay cao nhé
     


Like và Share ủng hộ ITSEOVN