Нужно отображать элемент ячейки из цикла горизонтально

Question

Пытается создать обширный лист для школы, чтобы он обрабатывал базу данных результатов и извлекал записи учащихся и отображал их по горизонтали.

CSS управление стилем ул

#my-list{ 
    background: #f7f7f; 
    padding: 8px; /* Give the items some air to breathe */ 
} 

#my-list > li { 
    display: inline-block; 
    zoom:1; 
    *display:inline; 
    background:#99FFFF; 
    /* this fix is needed for IE7- */ 
} 

#my-list > li > a{ 
    color: #666666; 
    text-decoration: none; 
    padding: 3px 8px; 
} 

#my-list > li > a:hover{ 
    color: black; 
} 

Он начинает цикл здесь для оценки. Моя проблема заключается в том, что я хочу иметь возможность отображать все оценки в одной строке, но она разбивается на новую строку после отображения каждого объекта. Я хочу это в строке, например: Biology ca(10) exam(70) total(100) Economics ca(10) exam(70) total(100), до тех пор, пока цикл не будет завершен, но он продолжит ломать новую строку.

do{ 
    echo"<li>"; 
    echo "<table width='200' border='1'>"; 
    echo "<tr>"; 
    echo "<td>".$dbfieldscore['subject_name']."</td>"; 
    echo "<td>".$dbfieldscore['CA']."</td>"; 
    echo "<td>".$dbfieldscore['exam']."</td>"; 
    echo "<td>".$dbfieldscore['total']."</td>"; 
    echo "</tr>"; 
    echo "</table>"; 
    echo "</li>"; 
} while($dbfieldscore=mysql_fetch_assoc($resultscore)); 
echo "<ul>"; 
echo "</td>"; 

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

Answer 1

Добавить white-space:nowrap; в #my-list правило

#my-list{ 
    background: #f7f7f; 
    padding: 8px; /* Give the items some air to breathe */ 
    white-space:nowrap; 
} 

и оставить внутреннее содержание неповрежденного вы можете добавить

#my-list > li {white-space:normal;} 

Answer 2

Заменить это, добавьте пробел, чтобы визуализировать выход надлежащим образом, как в соответствии с вашими потребностями.

echo "<td>"; 
do{ 
    echo $dbfieldscore['subject_name']." "; 
    echo "CA: ".$dbfieldscore['CA']; 
    echo "Exam: ".$dbfieldscore['exam']; 
    echo "Total: ".$dbfieldscore['total']; 

    } while($dbfieldscore=mysql_fetch_assoc($resultscore)); 

echo "</td>";