某个元素有如下一个类： li.text-con { position: relative; display: inline-block; vertical-align: middle; }，在不动该类的情况下，怎么去除display: inline-block;属性

你可以使用CSS的覆盖特性来去除display属性。你可以在该元素的CSS代码中添加一个新的CSS规则，将display属性设置为其他值，如block或none，以覆盖原始的inline-block属性。这样就可以实现去除display: inline-block;属性的效果。例如：

li.text-con {
display: block;
}

相关问题

css为.tab-container { position: relative; overflow: hidden;}.tab-scroll { position: relative; white-space: nowrap;}.tab-list { display: inline-block; padding: 0; margin: 0; list-style: none;}.tab-list li { display: inline-block; padding: 10px; cursor: pointer;}.tab-list li.active { background: #f2f2f2; color: #333;}.arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background: #ccc; cursor: pointer;}.arrow.prev { left: 0;}.arrow.next { right: 0;}的情况下.tablist的offsetwidth为0

根据您提供的CSS代码，.tab-list元素及其子元素应该是能够正确渲染的，因此.offsetWidth为0的原因可能是由于以下几种情况之一：

1. .tab-list元素的父元素.tab-scroll的宽度为0或者未设置宽度，导致.tab-list无法正确显示。

2. .tab-list元素的display属性被设置为none，导致元素无法显示。

3. .tab-list元素的父元素.tab-container的display属性被设置为none，导致元素无法正确显示。

您可以检查一下以上三种情况是否存在，以确定.offsetWidth为0的原因。另外，如果您能够提供更多的相关代码和上下文信息，我可以更准确地帮助您解决问题。

li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; }

这是一个 CSS 样式规则，用于设置所有 li 元素内的 a 元素的样式。具体来说，它设置了以下属性：

- "display: block;" 将链接显示为块级元素，使其可以设置宽度、高度等属性。
- "color: white;" 设置链接的文本颜色为白色。
- "text-align: center;" 将链接文本居中对齐。
- "padding: 14px 16px;" 设置链接的内边距为上下各 14 像素，左右各 16 像素。
- "text-decoration: none;" 去掉链接的下划线样式。

这些属性组合在一起，可以让链接在父元素（一般是导航栏）中居中显示，具有一定的点击区域，并且可以设置背景色等其他样式。