我目前有一个简单的应用程序,它功能齐全,可以使用 php 和 sql 查询数据。但是,我正在努力为网站设置样式,因为属性似乎并不适用。我正在使用以下代码将我的搜索栏、下拉列表和提交按钮包装在一个类中,目的是将所述类居中并在其周围放置边框。这是我在网页中使用的代码:
IF (!isset($_REQUEST['submit'])) {
//drop down
$sqlDrop = "SELECT DISTINCT ID as contID, Name as contName from w_Continent order by contName;";
$stmtDrop = $db->query($sqlDrop);
//Start a form
echo "<div class='searchWrap'>";
echo "<form action='listCont.php' method='get'>\n";
//Start a select box
echo "<select name='contID'>\n";
echo "<option value=\"0\" disabled selected>Select Continent</option>";
//Loop through all continents
while ($dropdownVar = $stmtDrop->fetchObject()) {
//Display each one as an option in the drop down
echo "\t\t<option value='{$dropdownVar->contID}'> {$dropdownVar->contName} </option>\n";
}//end loop
echo "</select>";
// Put filter textbox here
echo "<input name='countFilter' type='text' placeholder='filter by country name'/>";
// display submit button
echo "<input name ='submit' type='submit' value='Search' />\n";
//end form
echo "</form>";
echo "</div>";
这是样式表中使用的代码:
.searchWrap {
border-style: solid;
text-align: center;
}
为大块代码道歉,只是我需要包装 div 的所有内容来显示围绕该问题的相关代码。在这方面的任何帮助都会很棒。谢谢!
最佳答案
改变这个
.searchWrap {
border-style: solid;
text-align:center;
}
到
.searchWrap {
border:1px solid #ccc;
text-align:center;
}
关于php - 样式化动态内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51928375/