Element中table文字居中问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Element中table文字居中问题相关的知识，希望对你有一定的参考价值。
参考技术A 1、在单个里面加 <el-table-column prop="address" label="地址" align="center"> </el-table-column>2、样式中加
::v-deep .el-table th,
::v-deep .el-table td
text-align: center !important;
用css改变table中的td居中问题
html中的table中的td ，假如td 的边框上下左右都大于内部的文字，那么，这些文字就会在整个td框中上下居中，左右居中显示了。问题就出来了，就是怎么用css把这个td改为正常的显示方式，就是从左到右，从上到下。请网友指教 回复Fish，table tdtext-align:left;是不行的，不信的就试试。
参考技术A 我表示完全没问题。<style>
td
padding:0px;
text-align:left;
vertical-align:top;
</style>
<body>
<table width="256" height="173">
<tr>
<td rowspan="2">123</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
</tr>
</table>
</body> 参考技术B
无法理解你的描述
大概猜测你的表格中的 td 有很大的边框，但是其中某一个单元格不需要边框，把td内的文字，从上到下，从左到右显示....直接去除这个单元格的border,padding什么的就可以了。。td单元格默认垂直居中的，要居上使用valign="top"
<td valign="top" style="border:0; padding:0;">...</td> 参考技术C 左右居中就是：text-align:left;表格上垂直方向顶部对齐要在td上写：<td valign="top"> 参考技术D text-align: left;//这句是文字靠左
vertical-align: text-top;//这句是文字靠上
如果设置了不行的话，看一下是不是css优先级的问题没有设置成功 第5个回答 2011-10-21 thodylk 回答是没有错的噶~
css控制就是他那样写的~
以上是关于Element中table文字居中问题的主要内容，如果未能解决你的问题，请参考以下文章