Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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中的列和行_Css_Html - Fatal编程技术网

css中的列和行

css中的列和行,css,html,Css,Html,我想将一列转换为一行,并将其和其他行一起显示在一行上。我不知道这是否可能,但如果可能,请帮忙!我只想使用CSS将表列转换为表行。桌子很好,工作很好,但我想让它反应灵敏,所有东西都在垂直线上,我只是得到了这个结果,一个Γ形 这就是我得到的: @media screen and (max-width:650px) { table, thead, tbody, tr, th, td{ display:block; } thead tr {

我想将一列转换为一行,并将其和其他行一起显示在一行上。我不知道这是否可能,但如果可能,请帮忙!我只想使用CSS将表列转换为表行。桌子很好,工作很好,但我想让它反应灵敏,所有东西都在垂直线上,我只是得到了这个结果,一个Γ形

这就是我得到的:

@media screen and (max-width:650px)

{

    table, thead, tbody, tr, th, td{

          display:block;
    }
    thead tr { 
          display:none;
    }
    tbody tr{
          display:table-row;
          width:auto;
    }
}
/这就是我在HTML中要做的/


a1
a2
a3
a4
b1
b2
b3
b4
c1
d1
e1
f1
g1
h1
i1
j1
k1
l1
m1
n1

您能澄清一下吗?你想只使用CSS将表格列转换为表格行吗?是的,我想只使用CSS将表格列转换为表格行表格很好,工作很好,但我想使其响应灵敏,所有内容都在垂直线上,我得到一个没有中间条纹的F图形。如果你是说得到一个Γ形状,我看不到。可能是重复的
<table width="1400px">
                        <thead>
                        <tr>
                            <th>a1</th>
                            <th>a2</th>
                            <th>a3</th>
                            <th>a4</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>b1</td>
                            <td rowspan="13">b2</td>
                            <td rowspan="13">b3</td>
                            <td rowspan="13">b4</td>
                        </tr>
                        <tr>
                            <td>c1</td>
                        </tr>
                        <tr>
                            <td>d1</td>
                        </tr>
                        <tr>
                            <td>e1</td>
                        </tr>
                        <tr> 
                           <td>f1</td> 
                        </tr>
                        <tr>  
                            <td>g1</td>  
                        </tr>
                        <tr> 
                            <td>h1</td>
                        </tr>
                        <tr> 
                           <td>i1</td>
                        </tr>
                        <tr>
                            <td>j1</td>
                        </tr>
                        <tr>
                            <td>k1</td>
                        </tr>
                        <tr>
                            <td>l1</td>
                        </tr>
                        <tr>
                            <td>m1</td>
                        </tr>
                        <tr>
                            <td>n1</td>
                        </tr>
                        </tbody>
                        </table>