Question

您好我正在努力使表响应，我需要响应和堆栈在彼此之内像一个表行

Html

<html >
<head> 
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="teststyles.css"> 
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<link href="media-queries.css" rel="stylesheet" type="text/css">
</head>

<body>
<table> 
<tr>  
    <td> 
        <p> Stuff </p>
    </td> 
    <td > 
        <p> Stuff </p>
     </td> 
    <td > 
        <p> Stuff </p>
    </td>  
</tr>
</table>
</body>
</html>

CSS

table{
    width: 990px; 
    margin: 0 auto;
}
tr{
    display:table;
    width:100%;
 }
td{
    display:table-row;
    background:#efefef;
 }

所以我认为table-row使一个元素表现为表行，但由于某种原因它不像一个堆叠。任何想法或提示？

编辑： enter image description here

当我在常规html上打开它时看起来像这样但是当我在小提琴上打开它时很棒

Answer 1

您需要HTML文件中的doctype。第一行应该是：

<!DOCTYPE html>

如何让我的行为像

1 个答案: