如何用CSS 定制表格单元格的宽度和高度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用CSS 定制表格单元格的宽度和高度相关的知识,希望对你有一定的参考价值。

CSS中宽度和高度分别可以通过width和height实现,那么对于单元格的宽度和高度,则可以通过如下样式来设置

td width:100px; height:50px; /*设置单元格宽度100px,高度50px*/

示例如下:

    给出html元素

    <table>
    <tr><td>1</td><td>2</td><td>345</td></tr>
    <tr><td>6789</td><td>10</td><td>11</td></tr>
    </table>

    设置单元格高度和宽度样式

    tableborder-collapse:collapse;
    td
    border: 1px solid green; /*边框*/
    width:100px;             /*单元格宽度*/
    height:50px;             /*单元格高度*/
    text-align:center;       /*单元格文字居中对齐*/

    效果如下

参考技术A <table>
<tr>
<td class="tdClass"></td></tr>
</table>

<style type="text/css">
.tdClasswidth:50px;height:20px;
</style>

试试这个,里面的宽度和高度都可以设置的奥



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS表格确定单行或列的宽度和高度的代码设置实例-www.baike369.com</title>
<style type="text/css">
<!--
.td1

  width:300px;

.td2

  width:200px;
 
.td3

  height:100px;

.td4

  height:50px;

table

  width:500px;
  height:150px;
  border:2px solid #000;
  margin:0 0 20px;

td

  border:1px solid #999;

-->
</style>
</head>
<body>
  <table>
    <tr>
      <td class="td1">这里是表格中的内容部分</td>
      <td>这里是表格中的内容部分</td></tr>
    <tr>
      <td class="td2">这里是表格中的内容部分</td>
      <td>这里是表格中的内容部分</td>
    </tr>
  </table>
  <table>
    <tr>
      <td class="td3">这里是表格中的内容部分</td>
      <td class="td4">这里是表格中的内容部分</td></tr>
    <tr>
      <td>这里是表格中的内容部分</td>
      <td>这里是表格中的内容部分</td>
    </tr>
  </table>
</body>
</html>

参考技术B SELECT
color:#555555;
FONT-SIZE: 12px;
HEIGHT: 20px;
参考技术C <table>
<tr>
<td class="tdClass"></td></tr>
</table>

<style type="text/css">
.tdClasswidth:50px;height:20px;
</style>

就可以了啊本回答被提问者采纳

text 如何用VBA遍历含有合并单元格的文字表格?

Sub QQ1722187970()
    Dim oCell As Cell
    Dim oTable As Table
    Dim iCol
    For Each oTable In ActiveDocument.Tables
        With oTable
            iCol = .Columns.Count
            For i = 2 To iCol
                '先选中单个单元格
                .Cell(1, i).Select
                '再选中整列
                Word.Selection.SelectColumn
                '然后遍历
                For Each oCell In Word.Selection.Cells
                    With oCell
                        sText = oCell.Range.Text
                        sText = Replace(sText, Chr(13) & Chr(7), "")
                        If IsNumeric(sText) Then
                            sText = VBA.Format(sText, "##0.00"): oCell.Range = sText
                        End If
                    End With
                Next
            Next i
        End With
    Next
End Sub

以上是关于如何用CSS 定制表格单元格的宽度和高度的主要内容,如果未能解决你的问题,请参考以下文章

CSS增加表格单元格的宽度

Css中控制table单元格的间距

使 DIV 填充整个表格单元格

Excel设置单元格的宽度、高度

Excel设置单元格的宽度、高度

如何限制标题单元格的宽度