Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Cần giúp đỡ về css center

Chủ đề thuộc danh mục 'Hỏi đáp - Thảo luận về web' được đăng bởi ngoc luan, 27/6/15.

Lượt xem: 2,073

  1. ngoc luan Mới đăng kí

    <div class="wrap">
        <div>
               <p>text 1</p>
               <img src="abc.jpg"/>
          </div>
          <div>
               <p>text 1</p>
               <img src="abc.jpg"/>
          </div>
    </div>
    Với ví dụ trên nhưng số lượng các thẻ DIV bên trong thẻ <DIV class="wrap"> là không cố định, lúc 1 lúc thì 2,hoặc 3 do php sinh ra.
    <DIV class="wrap"> có width=1000 , các DIV con có width=200;
    Mình muốn dù có bao nhiêu thẻ DIV con thì các thẻ này vẫn nằm trên một hàng và canh giữa trang
    Xin mọi người chỉ giúp giải pháp !

    ...
  2. tuanpv

    tuanpv Thành viên cấp 2

    Canh giữa thì bạn cho class wrap thuộc tính
    Code:
    margin: 0 auto;
    Khi bạn fix kích thước như trên sẽ dc 5 div nhỏ nếu ko có border, nếu quá thì nó sẽ tràn xuống dưới chứ ko còn một hàng nữa.
    ngoc luan thích bài viết này
  3. ngoc luan

    ngoc luan Mới đăng kí

    Số lượng của mình ở đây chỉ tối đa là 5 thôi,
    hiện tại nó đang mỗi đứa 1 hàng margin: 0 auto; cũng đâu có lên 1 hàng được, ko đơn gian vậy đâu bạn !
  4. Tư Xả Láng

    Tư Xả Láng Thành viên cấp 2

    Bạn thử code nầy xem.
    Code:
    <style>
    .wrap {
        text-align:center;
        width: 1020px;
        background-color:lightgray;
    }
    
    div {
        width: 200px;
        height: 50px;
        display: inline-block;
        margin: 0 auto;
        background-color: #F7BE81;
    }
    </style>
    <div class="wrap">
        <div>one</div>
        <div>two</div>
        <div>three</div>
        <div>four</div>
        <div>five</div>
    </div>
    Mổi DIV con có width=200,tối đa là 5 DIV con thì DIV class="wrap" phải có width >1000 chứ..!!!???.
    Chỉnh sửa lần cuối: 29/6/15
  5. saudom

    saudom Mới đăng kí

    cái này thi cần hiểu rõ css
    muốn đứng cùng hàng mà căn giữa thì phải inline-block

    muốn căn giữa tức là căn 2 bên đều nhau. css phải biết độ rộng của
    div con. cái này nó ko cố định.
    nên cần jquery để xác định. độ rộng 1 phần tử * số phần tử = chiều rộng.
    thêm con margin: auto là ra giữa ngay
  6. coids

    coids Thành viên cấp 2

    muốn cho nó canh giữa:
    .wrap{
    margin:auto;
    }
    còn muốn div con nó nhảy lên cùng 1 hàng thì phải set thuộc tính float: left cho nó. Google cho dễ hiểu.
Từ khóa:

Ủng hộ diễn đàn