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, HTML5' 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:
    4,218
    Đã được thích:
    923
    Đ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

    danh sách diễn đàn rao vặt gov chất lượng
  2. seolagi

    seolagi

    Vip Member

    Tham gia ngày:
    16/4/14
    Bài viết:
    481
    Đã được thích:
    29
    Điểm thành tích:
    28
    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:
    4,218
    Đã được thích:
    923
    Đ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:
    4,218
    Đã được thích:
    923
    Đ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
     


Chủ để tương tự : Thuộc tính
Diễn đàn Tiêu đề Date
Rao Vặt Toàn Quốc Thuốc xịt chống xuất tinh sớm Jo Prolonger 26/10/18
Rao Vặt Toàn Quốc Hai bài thuốc chữa xuất tinh sớm từ rau ngót phái mạnh nên sử dụng 10/7/18
Rao Vặt Toàn Quốc Top cách chữa trị Xuất tinh sớm cực tốt không cần thuốc 18/6/18
Rao Vặt Toàn Quốc Thuốc mensterona giúp nam giới cải thiện tinh trùng 9/6/18
Rao Vặt Toàn Quốc Nhuộm tóc và vô tính mắc ung thư vú từ thuốc nhuộm 15/1/18

Like và Share ủng hộ ITSEOVN