以下是我的困境的视觉展示:
您有一个插入侧边栏的列表,如果该行太长,第二行将正确对齐,我希望如上所示。
以下是代码:
//getting the providers
function getProviders(){
if(isset($_GET['user_query']))
{
$search_query = $_GET['user_query'];
global $con;
$get_providers = "select DISTINCT course_provider from courses where (course_title like '%$search_query%' ) AND course_date1 >= CURRENT_DATE() LIMIT 5";
$run_providers = mysqli_query($con, $get_providers);
while ($row_providers=mysqli_fetch_array($run_providers)){
$provider_title = $row_providers['course_provider'];
$numberIncrease = 0;
echo '<div id="liSpacing"><label id="labelSearch"><input class="filter" name="provider' . ++$numberIncrease . '" type="checkbox" value="' . $provider_title . '"> ' . $provider_title . '</label></div> <br />';
}
非常感谢任何帮助。
更新: 提到的CSS项目 liSpacing:
#liSpacing {
color: white;
margin: 0em 0;
padding: 0px;
text-align: left;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
margin-top: -20px;
margin-bottom:-5px;
}
标签搜索:
#labelSearch {
font-weight: normal;
}