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

Nhờ tư vấn giải quyết cách cố định hình ảnh

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi raiyuki203, 4/7/16.

Lượt xem: 4,862

  1. raiyuki203 Thành viên cấp 1

    Em có 1 cái grid như thế này. Cái ô màu đỏ là hình ảnh. em dùng bootstrap. Nếu tất cả các hình có cùng kích thước thì không nói nhưng trong trường hợp mình up lên các hinh có kích thước khác nhau thì cấu trúc sẽ bị vỡ. giờ em muốn cố định hình ảnh vừa khung luôn, dù có up hình gi đi nữa cũng không vỡ khối thì mình dùng cách nào ạ. Xin mọi người hãy chia sẻ code giúp em.
    ZOQW2tA.jpg

    ...
  2. Tư Xả Láng

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

    U7GbhxD.png
    Code:
    <style>
    * {
      margin: 0;
      padding: 0;
    }
    
    body {
        background-image: url(https://i.imgur.com/1tBjwy1.jpg);
    }
    
    div {
      width: 900px;
      margin: 0 auto;
      overflow: auto;
    }
    
    ul {
      list-style-type: none;
    }
    
    li img {
        border: 5px solid #FFFFFF;
        float: left;
        height: 150px;
        margin: 10px;
        transition: box-shadow 0.5s ease 0s;
        width: 150px;
    }
    
    li img:hover {
      -webkit-box-shadow: 0px 0px 7px rgba(255,255,255,0.9);
      box-shadow: 0px 0px 7px rgba(255,255,255,0.9);
    }
    </style>
    
    
    <div>
      <ul>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam1234567890123.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam123456789012.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam12345678901.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam1234567890.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam123456789.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam12345678.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam1234567.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam123456.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam12345.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam1234.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam123.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam12.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude-trong-phong-tam1.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude1s.JPG" /></a></li>
        <li><a href="#"><img src="http://vovtin.com/upload/images/anh-nude12sssss.JPG" /></a></li>
      </ul>
    </div>
  3. raiyuki203

    raiyuki203 Thành viên cấp 1

    hjc em muốn làm responsive ak,
  4. hieukent90

    hieukent90 Mới đăng kí

    bạn thêm thẻ class img vào thẻ img
    <img src="" class"img-responsive" all="">

Ủng hộ diễn đàn