CSS [block_page_list]

Thảo luận trong 'Hỗ trợ giao diện, block' đăng bởi ithaiduong, 27/07/2016 13:31.

  • HenryNum

    HenryNum HenryNumCI HenryNumCI

    Các bác cho em hỏi làm sao để CSS nó cân bằng mép trái giống mép phải ạ.

     

     
  • Bạn cần kiểm tra lại 3 cột này có tổng số bằng 24 không. Nếu không bằng 24 cần điều chỉnh 

    ví dụ col-md-8 tổng 3 cái này thành 24 là ổn

     
  • HenryNum

    HenryNum HenryNumCI HenryNumCI

     

    .block_page_list{
    	margin:0 -15px
    }
    
    .block_page_list ul{
    	text-align:center;
    	}
    
    .block_page_list ul li{
    	display:inline-block;
    	width:33%;
    	padding:0 15px;
    	text-align:-webkit-center;
    	margin-bottom:30px
    }
    
    .block_page_list ul li img{
    	max-width:100%;
    	height:auto
    }

    CSS của block này em CSS vậy nè Bác @@

     
  • Bạn có demo trực tuyến không. không có html nên ko kiểm tra được. Nhìn cái css của bạn cứ thấy có gì đó sai sai mà ko thể nào lý giải được

     
  • HenryNum

    HenryNum HenryNumCI HenryNumCI

     

    Nè Bác ơi, trang của em nè : http://bachngochaiduong.org

     
  • .block_page_list ul {
        text-align: center;
    }

    bạn sửa lại css của bạn thành

     

    .block_page_list ul {
        text-align: center;
        padding: 0;
    }

     

     
    Lần sửa cuối bởi một điều hành viên: 27/07/2016 13:52
  • HenryNum

    HenryNum HenryNumCI HenryNumCI

    Nó lệch luôn @@ chưa được bác ơi @@

     
    Lần sửa cuối bởi một điều hành viên: 27/07/2016 13:56
  • Bạn ơi bạn xem lại nhé. Mình lấy của bạn sửa nhầm tý nhưng bên dưới của mình đúng mà

     

    vấn đề nó là padding: 0 vào cái ul đó thì nó sẽ sang 2 bên bạn nhé. Mình sửa theo cái css ban đầu bạn gửi đó. Còn giờ bạn sửa lung tung gì rồi mình ko biết nhé :D

     
    Lần sửa cuối bởi một điều hành viên: 27/07/2016 13:58
  • HenryNum

    HenryNum HenryNumCI HenryNumCI

    .block_page_list{
    	margin:0 -15px
    }
    
    .block_page_list ul{
    	text-align:center;
    	}
    
    .block_page_list ul li{
    	display:inline-block;
    	width:33%;
    	padding:0;
    	text-align: center;
    	margin-bottom:30px
    }
    
    .block_page_list ul li img{
    	max-width:100%;
    	height:auto
    }

    CSS nè bac ơi 

     
  • HenryNum

    HenryNum HenryNumCI HenryNumCI

    Tks Bác Tứ nhìu ^^

     

Chia sẻ trang này

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây