Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php Div样式为表格,用于表单输入而不是呈现_Php_Html_Css - Fatal编程技术网

Php Div样式为表格,用于表单输入而不是呈现

Php Div样式为表格,用于表单输入而不是呈现,php,html,css,Php,Html,Css,我正在为一位音乐家开发一个php驱动的网站,其中一部分涉及到他通过表单将即将到来的节目添加到他的网站的能力。我想要一个表布局,他可以看到他的即将到来的节目,并可以选择添加一个新的。我试着使用一个表,但很快发现它们并不真正适用于PHP表单。因此,我尝试将表单格式化为具有CSS显示属性的表。事实上,如果你进入Chrome浏览器中的inspector,它会清晰地显示所有信息,以HTML格式显示,但没有高度。我尝试手动添加高度和宽度,但没有效果。我试着从一个表单改成一个div,只是想看看,但也没用 .

我正在为一位音乐家开发一个php驱动的网站,其中一部分涉及到他通过表单将即将到来的节目添加到他的网站的能力。我想要一个表布局,他可以看到他的即将到来的节目,并可以选择添加一个新的。我试着使用一个表,但很快发现它们并不真正适用于PHP表单。因此,我尝试将表单格式化为具有CSS显示属性的表。事实上,如果你进入Chrome浏览器中的inspector,它会清晰地显示所有信息,以HTML格式显示,但没有高度。我尝试手动添加高度和宽度,但没有效果。我试着从一个表单改成一个div,只是想看看,但也没用

.form表{
宽度:100%;
显示:表格;
字体大小:20px;
}
.admin表行{
显示:表格行;
宽度:100%;
}
.admin表格单元格{
显示:表格列;
}
.行政场地{
宽度:自动;
文本对齐:左对齐;
}
.行政年龄{
文本对齐:右对齐;
宽度:75px;
}
.管理日期{
文本对齐:右对齐;
宽度:200px;
}
.管理时间{
文本对齐:右对齐;
宽度:100px;
}
.管理时间{
文本对齐:右对齐;
宽度:100px;
}
.admin编辑{
文本对齐:右对齐;
宽度:100px;
}
.admin删除{
文本对齐:右对齐;
宽度:100px;
}
//echo”“;
回声“;
foreach($stmt作为$upcomingShow)
{
$date=date(“j F,Y”)(strotime($upcomingShow['date']);
$time=date(“g:ia”,(strotime($upcomingShow['time')));
回声“;
如果(!empty($upcomingShow['link']))
{
回声“;
}
其他的
{
echo.“$upcomingShow[“场地]”;
}
echo“$upcomingShow['age]”;
回显“$date.”;
回声“$time.”;
回声“;
回声“;
回声“;
回声“;
}
回声“;

//回声“检查CSS时,问题在于:

.admin-table-cell {
    display: table-column;
}
display:table列
不用于指定元素是单元格,而是用于指定元素包含一列单元格;以及:

“display”设置为“table column”或“table column group”的元素不会呈现(就像它们具有“display:none”一样)

这就是为什么即使设置了
高度
也看不到内容的原因。要指定
div
是一个单元格,需要使用的是
display:table cell
。然后它将正确显示每个单元格的内容。此更改将解决以下问题:

.admin-table-cell {
    display: table-cell;
}

完美的我刚刚在谷歌上搜索了一下CSS,因为我从来没有这样做过,我发现了一些随机的问题,它在哪里使用了表列哈哈。谢谢你的简单修复。