Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
CSS-垂直居中3个元素_Css - Fatal编程技术网

CSS-垂直居中3个元素

CSS-垂直居中3个元素,css,Css,我有一个4列的表。在特定浏览器宽度下,通过将“显示”值设置为“块”,最后3列将垂直堆叠。现在,我想把这3个单元格垂直居中,但我不知道怎么做。更改HTML不是一个选项,因此解决方案只需要CSS .myTable tr>td:not(:类型的第一个), .myTable tr>th:非(:类型的第一个){ 显示:块; } 标题 t2 t3 t4 Lorem ipsum dolor sit amet,是一位杰出的献身者。Donec interdum risus与自由党hendrerit ullam

我有一个4列的表。在特定浏览器宽度下,通过将“显示”值设置为“块”,最后3列将垂直堆叠。现在,我想把这3个单元格垂直居中,但我不知道怎么做。更改HTML不是一个选项,因此解决方案只需要CSS

.myTable tr>td:not(:类型的第一个),
.myTable tr>th:非(:类型的第一个){
显示:块;
}

标题
t2
t3
t4
Lorem ipsum dolor sit amet,是一位杰出的献身者。Donec interdum risus与自由党hendrerit ullamcorper合作。阿弥陀佛坐在前面。在马蒂斯·努拉·阿利奎姆·奎斯的地方,两人互相交谈。这是一种发酵剂。同侧腓肠肌的存活率,即为索氏肺动脉的存活率。Donec luctus,nibh位于venenatis elementum,massa justo Fentum enim,et Consequeat velit diam ut mauris。杜伊斯在迪克塔姆turpis。
内容
内容
内容

预期结果是3个td元素在其行中垂直居中。您不应该使用表格来实现此布局,这可以通过CSS网格或flexbox轻松实现。你可以随意更改标记吗?@Terry这是我告诉制作这种标记的人的。此时更改标记将对功能产生影响,我不想对此进行修复。好吧,如果不更改标记,那么最终将遇到非常难看的黑客攻击,以使其正常工作,因为表元素不应该这样使用。有时,您必须脚踏实地,简单地停止标记滥用,否则我们真的无能为力,因为这是一个意外的用例”\_(ツ)_/¯