若块级元素被设置为 display: table-cell 便无法设置宽度

如果将块级元素设置为 `display: table-cell`，它的宽度将取决于其内容的宽度和其所在表格中的单元格宽度。如果你想要设置该元素的宽度，可以通过给其父元素设置 `display: table` 并设置父元素的宽度来实现。

例如：

<div class="parent">
  <div class="child">这是一个 table-cell 元素</div>
</div>

.parent {
  display: table;
  width: 100%;
}
.child {
  display: table-cell;
  width: 50%; /* 设置子元素宽度 */
}

相关问题

css中 块级元素与行元素的相互转换

CSS中可以通过设置`display`属性来实现块级元素和行内元素的相互转换。

1. 块级元素转换为行内元素：

将块级元素设置为`display: inline`或`display: inline-block`即可将其转换为行内元素。例如：

div {
    display: inline; /* 将 div 转换为行内元素 */
}

2. 行内元素转换为块级元素：

将行内元素设置为`display: block`即可将其转换为块级元素。例如：

span {
    display: block; /* 将 span 转换为块级元素 */
}

3. 块级元素转换为块级表格元素：

将块级元素设置为`display: table`即可将其转换为块级表格元素。例如：

div {
    display: table; /* 将 div 转换为块级表格元素 */
}

4. 块级元素转换为表格单元格元素：

将块级元素设置为`display: table-cell`即可将其转换为表格单元格元素。例如：

div {
    display: table-cell; /* 将 div 转换为表格单元格元素 */
}

需要注意的是，相互转换后元素的默认样式也会相应地改变，例如块级元素转换为行内元素后，它的高度、宽度等属性可能失效，因为行内元素不会独占一行。因此在转换时需要根据具体情况进行调整。

css中display:none隐藏如何进行显示

在CSS中，将"display:none"隐藏的元素进行显示，可以使用以下属性：

display: block;

这将把元素的"display"属性设置为"block"，从而使其显示出来。

如果你不想将元素的"display"属性设置为"block"，还可以使用以下属性将其设置为"inline"，"inline-block"或"table"等其他可见的属性：

display: inline;
display: inline-block;
display: table;
display: table-cell;

这些属性将根据元素的类型和内容来确定如何显示元素。例如，如果你使用"inline-block"属性，元素将显示为一个块级元素，但其宽度将根据其内容自动调整。