Html 使Div宽度响应

我想让几个“块”的文字从此处开始：

|1 | 2 | 3 | 4 | 5 | 6|

当在比平板电脑更宽的屏幕上观看时，要根据更小的屏幕尺寸做出响应，如下所示：

在平板电脑上：

|1 | | 2 | | 3|

|4 | 5 | 6|

在手机上：

|一,|

|二,|

|三,|

|四,|

|五,|

|六,|

当所有6个块都在一条线上时，全宽为980px。所以每个div是这个宽度的1/6，大约163px。我还希望每个div都有一个响应的宽度，根据所查看的屏幕大小，并在屏幕上居中

到目前为止，我使用的是float:left，但这所做的只是在较小的屏幕上查看时将块保持在屏幕的左侧，在块的右侧留下一个很大的间隙，这不是我想要的。我想把这些积木放在中间

我正在使用div创建块，但不确定这是否是最好的方法？以下是我使用atm的代码：

#block {
width: 163.33px;
float: left;
padding: 0px;        
}

如果有人对我如何做到这一点有任何想法，那就太好了：-

试试这个css

#block {
width: 163.33px;
display:inline-clock;
padding: 0px;        
}

块父块

{
text-align-center;
}

---

如果我可以分享一个想法，您可以通过将文本块限制为单个元素来实现这一点。例如：

|A| = ||1| |2| |3| |4| |5| |6||

---

当您的html响应时，它将自动显示| A |，正如您提到的那样。如何使您的html具有响应性？您目前使用的代码在哪里^^谢谢拉尔吉。那就是把所有的块放在一条垂直线上，不管屏幕大小？这是因为float:left代码保持所有块水平排列。