Question

我仍然对这一切都很陌生，并寻求一些指导。

所以我正在生成一个包含查询按钮的表：

$column = 0;
echo "<table class='fullheight' >";


   while($row = $rs->fetch_assoc()) {
        if ($column == 0) {
        echo "<tr>";
        }
    echo "<td ><input type='button' class='submitbtn' value='".$row['name']."'> </td>";

    $column++;
        if ($column >= 5) {echo "</tr>";
            $column=0;
        }
    }

    echo "</table>";

部分样式表条目：

.fullheight{
    height:85%;
    width: 100%;
}

.submitbtn{
height:100%;
width: 100%;
opacity: 0.5;
cursor:pointer; 
padding:5px 0px; 
background:#35b128;
border:1px solid #33842a; 

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);

color:#f3f3f3;
font-size:1.1em;
}
.submitbtn:hover,.submitbtn:focus{
background-color :#399630; 

-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
opacity: 1;

color:#ffff00;
font-size:1.1em;
}

我正在尝试学习CSS并构建一个页面＆＃34;更正＆＃34;方式。

我在页面的内容部分生成了表格。

我现在的问题是：我是否应该生成一个表来进行这些按钮的布局，如果没有，我如何使用CSS迭代按钮的位置？

我问，因为我已经开始遇到按钮内文本大小的问题，特别是在Windows调整大小期间。

Answer 1

使用表格显示数据，并使用div进行布局。

何时在显示可以更改数量</div>的提交按钮时使用表而不是<div>

1 个答案: