• 技术文章 >web前端 >html教程

    html怎么隐藏td标签

    青灯夜游青灯夜游2021-11-18 15:33:16原创99

    隐藏td标签的方法:1、给td标签设置hidden属性,语法“<td hidden="hidden">”;2、使用style属性给td标签添加“display:none”样式,语法“<td style="display: none;">”。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    有这么一个表格:

    <table border="1">
    	<tr>
    		<th>姓名</th>
    		<th>年龄</th>
    	</tr>
    	<tr>
    		<td>Peter</td>
    		<td>20</td>
    	</tr>
    	<tr>
    		<td>Lois</td>
    		<td>20</td>
    	</tr>
    </table>

    1.png

    想要在html中隐藏td标签,怎么做?下面给大家介绍一下方法:

    方法1:给td标签设置hidden属性

    <table border="1">
    	<tr>
    		<th>姓名</th>
    		<th>年龄</th>
    	</tr>
    	<tr>
    		<td>Peter</td>
    		<td hidden="hidden">20</td>
    	</tr>
    	<tr>
    		<td>Lois</td>
    		<td>20</td>
    	</tr>
    </table>

    2.png

    方法2:使用style属性给td标签添加“display:none;”样式

    <table border="1">
    	<tr>
    		<th>姓名</th>
    		<th>年龄</th>
    	</tr>
    	<tr>
    		<td>Peter</td>
    		<td>20</td>
    	</tr>
    	<tr>
    		<td>Lois</td>
    		<td style="display: none;">20</td>
    	</tr>
    </table>

    3.png

    推荐教程:《html视频教程

    以上就是html怎么隐藏td标签的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html 隐藏td标签
    上一篇:html5怎么隐藏标签 下一篇:html5怎样隐藏下划线
    php中文网线上培训班

    相关文章推荐

    • 学html5需要什么软件• html中id和class有什么区别• form在html中是什么意思• html dom是什么意思• html5 canvas是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网