zoukankan      html  css  js  c++  java
  • 如何设置table中<tr>和<td>的高度

    //-----------------自定义表格table的行和列的宽和高----------------------//

    先设置一个样式 如下:

    <style type="text/css">
    .main td{ height:30px; border:#CCCCCC 1px solid;}
    </style>

    再对样式进行引用 :

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td>  </td><td> </td>      
     </tr>
    </table>

    最后,就可以得到想要的表行样式了。

    注意:.main td的意思是指定main类下的td,同理也可以指定tr这样的做法只能针对了设定main类的表格,若是想要所有的表格都是同一个高度样式可以这样写:

    <style type="text/css">
        table td{ height:30px; border:#CCCCCC 1px solid;}
    </style>

    @ 注意的是table前不要加点,因为他不是类名,而是html元素

    有些梦想是遥不可及的,除非你坚持!
  • 相关阅读:
    maven
    Antd@4.x Form的常用方法
    数组排序 js
    链式调用
    react 非登陆页面得公共部分配置方法
    react异常处理
    Field 输入框的bug
    promise的用法
    异步return公共数据方法,
    小程序打开pdf文件
  • 原文地址:https://www.cnblogs.com/softmans/p/3210965.html
Copyright © 2011-2022 走看看