echo a bottom bottom php

Question

Можно ли сделать снизу границу с помощью эха?

Причина, по которой я спрашиваю об этом, заключается в том, что я не могу найти хороший источник, который является прямым ответом на мой вопрос. то, чего я пытаюсь достичь здесь, - это сделать уведомление, подобное тому, что есть в facebook. Это связано с тем, что в моем проекте я получаю последние 5 записей в базе данных, и я показываю их с помощью эха, чтобы отличить конец каждой записи, о которой я думаю, чтобы сделать границу внизу после каждой записи и предложения. Вот как я показываю данные.

foreach (LoadEvent() as $value) { 
    echo $value['searchresultwhat']; 
    echo "<br/>\n"; 
    echo $value['searchresultwhen']; 
    echo "<br/>\n"; 
    echo $value['searchresultwhere']; 
    echo "<br/>\n"; 
    echo "<br/>\n"; 
} 

Answer 1

Первое решение заключается в использовании <hr /> (который представляет собой горизонтальный правило, выглядит как линия ниже этого пункта) вместо <br >

---

выше линии является <hr />. Вы можете использовать это в вашем коде следующим образом:

<?php 
    foreach (LoadEvent() as $value) 
    { 
     echo $value['searchresultwhat']; 
     echo "<hr/>\n"; 
     echo $value['searchresultwhen']; 
     echo "<hr/>\n"; 
     echo $value['searchresultwhere']; 
     echo "<hr/>\n";echo "<br/>\n"; 
    } 
?> 

Но предпочтительный способ заключается в использовании CSS:

<?php 
    foreach (LoadEvent() as $value) 
    { 
     echo "<div class='bb'>$value['searchresultwhat']</div>"; 
     echo "<div class='bb'>$value['searchresultwhen']</div>"; 
     echo "<div class='bb'>$value['searchresultwhere']</div>"; 
    } 
?> 

И дать это в CSS:

.bb {border-bottom: 1px solid #ccc;} 

Answer 2

вы могли бы попытаться добавить эту строку кода до конца Еогеасп:

echo "<div style='border-bottom: 1px solid #000000'></div>"; 

Это будет еще лучше, когда вы даете Div имя класса, и поставить стиль-атрибут ваш файл CSS.

Answer 3

Вы можете стилизовать он использует селектор CSS3 следующим образом:

Предположим, ваши результаты имеют класс «результат поиска», и он выглядит так:

<div class="results"> 
    <div class="search-result">result 1 </div> 
    <div class="search-result">result 2 </div> 
    <div class="search-result">result 3 </div> 
</div> 

и в ваш CSS, вы должны написать эту

.search-result:last-child { 

границы дна: 1px черного цвета; }

Не используйте тег HR, так как он устарел и очень плохая практика, используя его!