上述代码只改变了内部文字间距，没有改变tab之间的间距

如果你想改变tab之间的间距，可以使用`tabSize`属性。例如，将tab改为4个空格的宽度，可以将以下代码添加到你的CSS文件中：

pre {
  tab-size: 4;
}

这个属性是CSS3中引入的，支持大部分现代浏览器，但是不支持IE和一些旧版浏览器。如果要在旧版浏览器上支持，可以使用`-moz-tab-size`属性（适用于Firefox）和`-o-tab-size`属性（适用于Opera）。

相关问题

tablayout设置tab之间的间距

可以通过设置TabLayout的TabGravity属性和TabIndicatorFullWidth属性来实现Tab之间的间距设置。

1. 首先设置TabLayout的TabGravity属性为`GRAVITY_FILL`，这会让TabLayout中的Tab平均分布在整个TabLayout中。

tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);

2. 然后设置TabLayout的TabIndicatorFullWidth属性为false，这会让TabIndicator的宽度仅限于Tab的宽度。

tabLayout.setTabIndicatorFullWidth(false);

3. 最后，在自定义TabLayout的Tab布局中，可以通过设置padding来调整Tab之间的间距。

View customTab = LayoutInflater.from(context).inflate(R.layout.custom_tab_layout, null);
TextView tabText = customTab.findViewById(R.id.tab_text);
tabText.setText(tabTitles[position]);
tabText.setPadding(10, 0, 10, 0);
tabLayout.addTab(tabLayout.newTab().setCustomView(customTab));

其中，R.layout.custom_tab_layout是自定义Tab布局的xml文件，这里只需要将Tab的文本放在一个TextView中即可。然后通过设置padding来调整Tab之间的间距。

el-tab-pane 如何改变间距

要改变el-tab-pane之间的间距，可以使用以下两种方法：

方法一：通过设置el-tabs组件的tab-class属性来自定义样式类，并在样式类中设置间距样式。例如，给el-tabs组件添加一个名为"my-tabs-header"的样式类，并在样式类中设置margin-right属性来定义间距：

<el-tabs tab-class="my-tabs-header">
  <el-tab-pane label="标签1">标签1的内容</el-tab-pane>
  <el-tab-pane label="标签2">标签2的内容</el-tab-pane>
  <el-tab-pane label="标签3">标签3的内容</el-tab-pane>
</el-tabs>

在CSS中，定义.my-tabs-header样式类：

.my-tabs-header {
  margin-right: 10px; /* 设置间距大小 */
}

这样就可以通过设置margin-right属性来改变el-tab-pane之间的间距。

方法二：通过在el-tabs组件中添加自定义的样式来改变el-tab-pane之间的间距。例如，给el-tabs组件添加style属性，并在style属性中定义margin-right来设置间距：

<el-tabs style="margin-right: 10px;">
  <el-tab-pane label="标签1">标签1的内容</el-tab-pane>
  <el-tab-pane label="标签2">标签2的内容</el-tab-pane>
  <el-tab-pane label="标签3">标签3的内容</el-tab-pane>
</el-tabs>

这样就可以通过设置style属性来改变el-tab-pane之间的间距。

请注意，以上两种方法都是改变el-tab-pane之间的间距，而不是改变el-tab-pane标签本身的样式。如果需要对某一个具体的标签进行定制样式，可以通过在el-tab-pane组件上设置label-class属性来实现。