当前位置: 首页 > news >正文

html空单元格的占位

先上代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title></head><body>
<H1>我的WEB页面</H1><table border="2px" bgcolor="#7fffd4"><tr><th colspan="2">获取当前时间,如果在上午,返回good morning;如果在下午, 返回 good afternoon</th></tr><tr><script>function sayHi () {// 获取当前时间var current_time = new Date();console.log(`当前时间:${current_time}`);if (current_time.getHours() < 12) {document.getElementById("sayHi").innerHTML = current_time.toString() + ":good morning";} else {document.getElementById("sayHi").innerHTML = current_time.toString()  + ":good afternoon";}}</script><td style="width: 20%;"><button type="button" onclick="sayHi()">获取问候语</button></td><td style="width: auto"><p id="sayHi"></p></td></tr>
</table></body>
</html>

在这里插入图片描述
通过指定不为空的单元格所占表格宽度比例,实现空单元格的占位


http://www.mrgr.cn/news/39897.html

相关文章:

  • 根据蛋白质链序列和原子坐标等生成PDB文件
  • AWS Redshift把老用户权限赋予新用户
  • 防止错误输入!Excel单元格限制输入内容的三种有效方式
  • Arweave的出块原理
  • 高通芯片手机查看空口消息工具:QCAT
  • SpringBoot2(Spring Boot 的Web开发 springMVC 请求处理 参数绑定 常用注解 数据传递 文件上传)
  • OPenWrt编译文件解读makefile
  • spring 实用小技巧
  • 【C++】set详解
  • 【PHP陪玩系统源码】游戏陪玩系统app,陪玩小程序优势
  • uniapp学习(003-1 vue3学习 Part.1)
  • 使用RestTemplate调用EMQX API查询MQTT客户端列表信息
  • 什么是reactor以及其三种版本
  • vxe-grid给单元格加上触发事件
  • 快速幂算法
  • 【新闻转载】Storm-0501:勒索软件攻击扩展到混合云环境
  • 【Ubuntu】PlantUML工具 | 安装 | 语法 | 使用工具画序列图
  • 未来前端发展方向:深度探索与技术前瞻
  • VS2022 Git功能的使用
  • 【数据驱动预测控制2】Willems基本引理