div 형식의 CSS 스타일링

데이터베이스에서 자동 생성 된 div에 문제가 있습니다. 내 데이터베이스에 저장된 뉴스를 표시하려고합니다. 행당 2 개의 뉴스를 갖도록 너비를 설정하고, 다른 높이 내용에 따라 하지만 이제는 같은 세로줄에 두 개의 뉴스가있는 큰 공백이 있습니다. 어떻게 해결할 수 있습니까? 여기 div 형식의 CSS 스타일링

는 각각의 새로운 내 HTML 코드입니다 :

<?php 

     while($row = mysqli_fetch_array($resultNoticias)){ 
     echo '<div class="noticia">';  
     echo '<h4>Noticias/' . $row["Fecha"] . '</h4>'; 
     echo '<a href="new.php?id='.$row["idNoticias"] . '"><h3>' . utf8_encode($row["Titulo"]) . '</h3></a>'; 
     echo '<p>'. utf8_encode($row["Descripcion"]) . '</p>'; 
     echo '<a href="new.php?id='.$row["idNoticias"]. '"> <img style="height:100%;width:100%;" src=images/' . $row["Imagen1"] . '></a><br>'; 
     echo '<br><br>'; 
     echo '</div>'; 
     } 
    ?>

그리고 여기에 CSS입니다 :

.noticia{ 
    width: 48%; 
    position: relative; 
    float: left; 
    display: inline-block; 
    padding-left: 2%; 
    padding-right: 2%; 
    text-align: left; 
    padding-top: 10px; 
    word-wrap: break-word; 
    font-size: 1.5em; 
    background-color:white; 
    border:2px solid black; 
    margin-left:1%; 
    background-color: #DADADA; 
}

출처

2017-03-03 Nico Passaglia

귀하의 HTML 코드는 PHP 스크립트입니다, CSS까지 당신의 PHP는 전혀 관련이 없다. PHP가 실행되고 스크립트의 결과를 보낸 후에 브라우저에서 볼 수있는 [mcve] HTML ('소스보기')을 보여 주시겠습니까? –

mysqli_fetch_array ($ resultNoticias)에서'$ resultNoticias'의 값은 무엇입니까 –

당신은 "내용에 따라 다른 높이"를 설정했다고 말했지만, 왜 다른지 묻습니다 ...? –

여기

내 문제를 보여주는 이미지입니다

CSS에 최소 높이를 추가하십시오.

.noticia{ 
    width: 48%; 
    min-height:300px; 
    position: relative; 
    float: left; 
    display: inline-block; 
    padding-left: 2%; 
    padding-right: 2%; 
    text-align: left; 
    padding-top: 10px; 
    word-wrap: break-word; 
    font-size: 1.5em; 
    background-color:white; 
    border:2px solid black; 
    margin-left:1%; 
    background-color: #DADADA; 
}

출처

2017-03-03 13:40:27

정말 도움이되었습니다, 감사합니다! –

div 형식의 CSS 스타일링

답변

관련 문제