Căn text ở giữa botton và top trong html css

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

  1. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,980
    Đã được thích:
    1,211
    Điểm thành tích:
    113
    Giới tính:
    Nam
    VD: bạn muốn căn chuỗi ở 2 thẻ spam, ở giữa botton và top của thẻ div thì bạn làm như sau:

    <DIV style=" width:10%;">
    <DIV style=" width:100%; height:50px; display:table-cell; vertical-align:middle;">
    <spam> 1235 6789 </spam>
    </DIV>
    </DIV>
    <DIV style=" width:90%;">
    <DIV style=" width:100%; height:50px; display:table-cell; vertical-align:middle;">
    <spam> Du lieu test cnc sao viet </spam>
    </DIV>
    </DIV>

    ở vd trên nếu bạn co nhỏ web bạn lại tối đa thì chuổi '1235 6789' và chuỗi 'Du lieu test cnc sao viet' sẽ tự động xuống dòng và căn giữa.

    -Tác dụng:

    + Khi bạn căn web theo %, khi bạn co nhỏ web lại chuổi text sẽ bị đẩy xuống dòng, bạn muốn chuổi text này xuống dòng nhưng nó vẫn ở giữa các thẻ div.​
    -Lưu ý:
    + Căn giữa không có tác dụng khi bạn chọn style của thẻ div là float:left hoặc float:right

    Chúc bạn thành công.
     
    Cảm ơn đã xem bài:

    Căn text ở giữa botton và top trong html css



Chủ để tương tự : Căn text
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Canh giữa thẻ div, img, text trong CSS mã HTML như thế nào 29/7/18
Ngôn ngữ lập trình CSS, HTML, HTML5 Canh giữa Center tag ul li list với width chiều rộng của thẻ div trên web 4/7/21
Ngôn ngữ lập trình CSS, HTML, HTML5 Các icon đặc biệt Dingbat trong HTML căn bản 20/11/16
Ngôn ngữ lập trình CSS, HTML, HTML5 Các thuộc tính CSS căn bản cần biết 11/1/16
Ngôn ngữ lập trình CSS, HTML, HTML5 B7: Tự tạo teamplate khung website bằng css căn bản 7/1/16