Php 指定表数据宽度_Php_Html_Css

Php 指定表数据宽度

php html css

Php 指定表数据宽度,php,html,css,Php,Html,Css,此代码无法识别我输入的td witdh值，但我无法区分样式标记中的表格和单元格宽度/高度（因此表格高度仅为25px），这意味着我知道我做错了什么，但似乎无法修复它，请提供任何建议，谢谢 <head> <style type='text/css'> table, td; table { width:800px;height:25px; } table { position: absolute; right: 100px; top: 80px; } table { bor

此代码无法识别我输入的td witdh值，但我无法区分样式标记中的表格和单元格宽度/高度（因此表格高度仅为25px），这意味着我知道我做错了什么，但似乎无法修复它，请提供任何建议，谢谢

<head>
<style type='text/css'>
table, td; 
table
{
width:800px;height:25px;
}
table
{
position: absolute; right: 100px; top: 80px;
}
table
{
 border-collapse:collapse; 
}
td
{
border-spacing:0px;
}

td
{
border-bottom-style:solid;
border-bottom-width:1px;
border-color:black;
}
td
{
background-color:grey;
color:red;
}
td
{
text-align:center;
}

</style>
</head>";

while($info = mysql_fetch_assoc($sql))
{
echo"
<body>
<table>
<tr>
<td width='20'></td>
<td width='400'>First Name:</td>
<td width='340'>{$info['firstname']}</td>
<td width='40'><a href='changefirstname.php'>edit</a></td>
</tr>
<tr>
<td width='20'><td>Last Name:</td>
<td>{$info['lastname']}</td>
<td><a href='changelastname.php'>edit</td>
</tr>
<tr>
<td width='20'></td>
<td>email:</td>
<td>{$info['email']}</td>
<td><a href='changeemail.php'>edit</td>
</tr>
<tr>
<td width='20><td>password:</td>
<td>********</td>
<td><a href='changepassword.php'>edit</td>
</tr>
</table>
</body>";


表，td；
桌子
{
宽度：800px；高度：25px；
}
桌子
{
位置：绝对；右侧：100px；顶部：80px；
}
桌子
{
边界塌陷：塌陷；
}
运输署
{
边界间距：0px；
}
运输署
{
边框底部样式：实心；
边框底宽：1px；
边框颜色：黑色；
}
运输署
{
背景颜色：灰色；
颜色：红色；
}
运输署
{
文本对齐：居中；
}
";
而（$info=mysql\u fetch\u assoc（$sql））
{
回声“
名字：
{$info['firstname']}
姓氏：
{$info['lastname']}
编辑
电邮：
{$info['email']}
编辑
您在width='20附近的行中遗漏了引号：
<td width='20><td>password:</td>

您可以尝试将CSS样式放入另一个文件中
你的代码呢
通常我是为我的php代码这样做的
 <table>
<?php
   $no=1;
   while ($data = mysql_fetch_array)
   {
     echo "<tr>";
     echo "<td>".$data[your_table_column]."</td>";
     echo "</tr>";
   }  
   $no++;

 ?>
 </table>



我认为这个问题是不准确的。
对于这样的每个元素，您的样式都应该在一个选择器中
table
{

    width:800px;height:25px;
    position: absolute; right: 100px; top: 80px;

    border-collapse:collapse; 

}

td
{

    border-spacing:0px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-color:black;
    background-color:grey;
    color:red;
    text-align:center;

}

td.col1 {width:20px}
td.col2 {width:400px}
td.col3 {width:340px}
td.col4 {width:40px}

在html代码中，添加类
<td class='col1'></td>
<td class='col2'>First Name:</td>
<td class='col3'>{$info['firstname']}</td>
<td class='col4'><a href='' /></td>


名字：
{$info['firstname']}

而且，您的桌子高度是25px
首先，您应该删除这一行桌子，td；
它是无用的
然后，您应该像这样组合您的样式：
table {
     /* Table */
}

tr {
     /* Row */
}

td {
     /* Cell */
}

对于您的主要问题，您需要：
将类应用到具有固定宽度的td
s
<table>
    <tr>
        <td class="first">First</td>
        <td class="second">Second</td>
        <td class="third">Third</td>
        <td class="fourth">Fourth</td>
    </tr>
</table>

.first { width: 20px; }
.second { width: 400px; }
.third { width: 340px; }
.fourth { width: 40px; }

在任何情况下，您都不需要在HTML标记中使用width='…'

这里有一个简单的例子：为什么你对table和td有重复的选择器？你可以指定一次，然后将所有样式放在里面。这是为了让人们在视觉上更容易发现错误，我使用的实际代码不是这样的，这是误导性的。你应该发布实际代码或非常接近的东西。这就是我们可以做到的知道你在做什么是对的还是错的你应该把你的问题说得很清楚，错误是什么，你面临的问题是什么..那更好谢谢，你知道我如何编辑代码来指定每个单元格的宽度吗？忘了我刚才写的吧，我真是个傻瓜。脚本很好，但因为文本是集中对齐的，我知道它是左对齐的，看起来细胞的大小和它们的大小不同。但是非常感谢你的建议。
<table>
    <tr>
        <td class="first">First</td>
        <td class="second">Second</td>
        <td class="third">Third</td>
        <td class="fourth">Fourth</td>
    </tr>
</table>

.first { width: 20px; }
.second { width: 400px; }
.third { width: 340px; }
.fourth { width: 40px; }

td:nth-child(1) { width: 20px; }
td:nth-child(2) { width: 400px; }
td:nth-child(3) { width: 340px; }
td:nth-child(4) { width: 40px; }