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
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,878
    Đã được thích:
    1,193
    Đ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

  2. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,024
    Đã được thích:
    80
    Điểm thành tích:
    48
    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
    Tham gia ngày:
    3/3/15
    Bài viết:
    11
    Đã đượ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
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,878
    Đã được thích:
    1,193
    Đ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
    Tham gia ngày:
    3/3/15
    Bài viết:
    11
    Đã đượ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
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,878
    Đã được thích:
    1,193
    Đ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
Ngôn ngữ lập trình CSS, HTML, HTML5 Thuộc tính attribute rel trong html là gì? 25/11/23
Ngôn ngữ lập trình CSS, HTML, HTML5 [Hỏi] Khoảng cách chữ text trong html css là thuộc tính gì ấy nhỉ? 1/9/20
Ngôn ngữ lập trình CSS, HTML, HTML5 Thuộc tính khoảng cách text, khoảng cách chữ trong html css là gì? 30/6/20
Ngôn ngữ lập trình CSS, HTML, HTML5 Thuộc tính Position của ItemList Product Schema danh mục sản phẩm bị lỗi 11/12/19
Ngôn ngữ lập trình CSS, HTML, HTML5 Vertical-align thuộc tính CSS không hiển thị đúng trên trình duyệt Chrome 14/11/18