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

＜table＞内有两行＜tr＞，第一行设定高度为60，剩余第二行，和右侧元素高度补齐。

news 来源：原创 2025/8/10 2:47:42

实现 <table> 内第一行高度设定为 60px，第二行和右侧元素高度补齐的效果，你可以通过 CSS 样式来控制。示例：

为第一行 <tr> 设置固定高度 60px。
对于右侧元素，假设它是一个 <div> 或者其他容器，将其与表格第二行通过布局关联起来，使用 Flexbox 或 Grid 布局让它们高度自动匹配。这里假设右侧元素和表格在一个 <el-row> 中，借助 Flexbox 布局实现高度匹配。

<template><!-- ... existing code ... --><el-row :gutter="20" style="display: flex; align-items: stretch;"><el-col :span="12"><div class="table"><div class="table_title">重要社会关系asdfasdfasdf</div><div class="table_subtitle"><div class="table_class">1.bktt</div><div class="cus_label"><span>无此类情况</span><span class="cus_label_box"><span class="cur_label_box_icon">对号</span></span></div></div><div class="table_cont"><table style="width:1024px;border:solid 1px #000"><tbody><tr style="height: 60px;"> <!-- 第一行设置高度为 60px --><td>姓名</td><td>工作单位</td><td>现职</td></tr><tr><td>张三</td><td @click="editCell($event, 0, 1)"><span v-if="!editingCells[0][1]">{{ tableData[0].workUnit }}</span><inputv-elsev-model="tableData[0].workUnit"ref="inputRefs[0][1]"@keydown.enter="onEnter($event, 0, 1)"@keydown.tab="onTab($event, 0, 1)"style="border: none; outline: none; width: 100%;"/></td><td>经理</td></tr><tr><td>李四</td><td>YY 机构</td><td>职员</td></tr></tbody></table></div></div></el-col><el-col :span="12"><!-- 右侧元素 --><div style="background-color: #f0f0f0; padding: 10px;"><!-- 这里可以放置右侧的具体内容 --><el-radio v-model="radio" label="1">备选项</el-radio><el-radio v-model="radio" label="2">备选项</el-radio></div></el-col></el-row><!-- ... existing code ... -->
</template><script setup>
// ... existing code ...
</script><style scoped>
.table_cont table {height: 100%; /* 确保表格高度占满父容器 */
}.table_cont table tr {box-sizing: border-box;
}
</style>

第二行，设置高度为100%即可。

＜table＞内有两行＜tr＞，第一行设定高度为60，剩余第二行，和右侧元素高度补齐。

实现 <table> 内第一行高度设定为 60px，第二行和右侧元素高度补齐的效果，你可以通过 CSS 样式来控制。示例： 为第一行 <tr> 设置固定高度 60px。对于右侧元素，假设它是一个 <div> 或者其他容器，将其…...

编程日记 2025/8/10 2:47:42

QT5.15.2加载pdf为QGraphicsScene的背景

5.15.2使用pdf 必须要安装QT源码，可以看到编译器lib目录已经有pdf相关的lib文件，d是debug 1.找到源码目录：D:\soft\QT\5.15.2\Src\qtwebengine\include 复制这两个文件夹到编译器的包含目录中:D:\soft\QT\5.15.2\msvc2019_64\include 2.找…...

编程日记 2025/8/9 1:18:41

常见的工具和技术

Mockito Mockito 是一个流行的 Java Mocking 框架，用于创建和配置模拟对象（Mock Objects），以便在单元测试中模拟复杂依赖关系的行为使用场景：单元测试、隔离测试 EclipseEclipse 是一个开源的集成开发环境&#xff08…...

编程日记 2025/8/9 16:17:15

Linux怎样源码安装Nginx

1. 安装必要的依赖在编译 Nginx 之前，你需要安装一些必要的依赖包，像编译工具和库文件等。以 CentOS 系统为例，可借助yum命令来安装： bash sudo yum install -y gcc pcre-devel zlib-devel openssl-devel要是使用的是 Ubuntu 系…...

编程日记 2025/8/7 12:44:52

汇编指令（20250319）

SOC常用总线 AHB（Advanced High-performance Bus）：先进高性能总线，连接RAM，ROM等高速设备APB（Advanced Peripheral Bus）：先进外设总线，连接外设等一些低速设备 CISC和R…...

编程日记 2025/8/5 7:55:53

PlainUSR|LIA: 追求更快的卷积网络实现高效的超分辨率重建

PlainUSR|LIA: 追求更快的卷积网络实现高效的超分辨率重建引言在深度学习领域，图像处理始终是一个热门话题。而超分辨率重建（Super-Resolution Reconstruction, SR）作为其中一个重要的研究方向，旨在通过算法将低分辨率图像恢复…...

编程日记 2025/8/10 2:45:01

神经网络基础之正则化

引言：正则化 （Regularization） 是机器学习中一种用于防止模型过拟合技术。核心思想是通过在模型损失函数中添加一个惩罚项 （Penalty Term），对模型的复杂度进行约束，从而提升模型在新数据上的泛化…...

编程日记 2025/8/7 7:00:02

JAVA序列化与反序列化URLDNS链CC1链

1、序列化的实现 java序列化的是对象属性的，只有实现了Serializable或者Externalizable接口的类的对象才能被序列化为字节序列。（不是则会抛出异常），静态成员变量是属于类的，所以静态成员变量是不能被序列化的&#x…...

编程日记 2025/8/5 7:08:03

孤儿进程和僵尸进程

本文讲述了什么是孤儿进程和僵尸进程，会带来怎样的问题以及如何处理一、孤儿进程 1）什么是孤儿进程孤儿进程，顾名思义，就是父进程提前终止，但是子进程还在运行中，父进程无法对子进程进行监管&#…...

编程日记 2025/8/6 16:14:50

代码 from PIL import Image# 定义 ASCII 字符集，从最暗到最亮 ASCII_CHARS "%#*-:. "def resize_image(image, new_width100):width, height image.sizeratio height / widthnew_height int(new_width * ratio)resized_image image.resize((new_wi…...

编程日记 2025/8/4 19:35:31

从WebRTC到嵌入式：EasyRTC如何借助大模型提升音视频通信体验

随着人工智能技术的快速发展，WebRTC与大模型的结合正在为音视频通信领域带来革命性的变革。WebRTC作为一种开源实时通信技术，以其低延迟、跨平台兼容性和强大的音视频处理能力，成为智能硬件和物联网设备的重要技术支撑。而EasyRTC作为基于W…...

编程日记 2025/8/4 8:14:41

自动化测试工具-Playwright介绍和快速实例

Playwright 是什么 Playwright 是由 Microsoft 开发的开源自动化测试工具，专为现代 Web 应用设计。它支持 Chromium、Firefox 和 WebKit 内核的浏览器，能够跨平台（Windows、macOS、Linux）运行，提供强大的浏览器自动化能力，适用于测试、爬虫和监控等场景。 Playwright的…...

编程日记 2025/8/7 7:56:29

Java：Apache HttpClient中HttpRoute用法的介绍

当使用Apache HttpClient组件时，经常会用到它的连接池组件。典型的代码如下： PoolingHttpClientConnectionManager connectionManager new PoolingHttpClientConnectionManager();connectionManager.setMaxTotal(httpConfig.getMaxPoolTotal());connect…...

编程日记 2025/8/3 18:51:23

万字长文详解｜蚂蚁数据湖深度探索与业务应用实践

作者介绍：黄超傑，蚂蚁数据智能部实时数据团队数据研发工程师，致力于数据湖技术在蚂蚁落地应用、蚂蚁广告实时数仓建设、蚂蚁数据成本治理等工作。在开始之前如果： 你想要提升数据时效，能够接受分钟级延迟你好奇准实…...

编程日记 2025/8/9 15:53:33

rk3568 以太网eth1 ，定制板 phy调试问题。

问题：客户定制底板的 phy 网络不通。解决逻辑： phy 问题，就是照着公司底板对硬件就行，完全是硬件问题，不用改软件。原理图如下：...

编程日记 2025/7/26 3:40:51

React相关面试题

以下是150道React面试题及其详细回答，涵盖了React的基础知识、组件、状态管理、路由、性能优化等多个方面，每道题目都尽量详细且简单易懂： React基础概念类 1. 什么是React？ React是一个用于构建用户界面的JavaScript库&#xff…...

编程日记 2025/8/10 2:45:02

IT工具 | node.js 进程管理工具 PM2 大升级！支持 Bun.js

P(rocess)M(anager)2 是一个 node.js 下的进程管理器，内置负载均衡，支持应用自动重启，常用于生产环境运行 node.js 应用，非常好用👍 🌼概述 2025-03-15日，PM2发布最新版本v6.0.5，这…...

编程日记 2025/8/3 21:52:12

php 高性能，高并发，有哪些框架，扩展，推荐一下，或者技术的实现有哪些

以下是针对PHP高性能、高并发场景的框架、扩展及技术实现推荐，结合最新技术趋势和行业实践进行总结： 一、高性能框架推荐 1. C扩展类框架 YAF (Yet Another Framework) 特点：由C语言编写，直接嵌入PHP内核，仅提供核心M…...

编程日记 2025/8/9 23:00:16

golang单机锁实现

1、锁的概念引入首先，为什么需要锁？ 在并发编程中，多个线程或进程可能同时访问和修改同一个共享资源（例如变量、数据结构、文件）等，若不引入合适的同步机制，会引发以下问题： 数据竞…...

编程日记 2025/8/4 21:03:03

面试中JVM常被问到的问题以及对应的答案

在面试中，关于JVM常被问到的问题以及对应的答案可能包括： 什么是JVM？它的作用是什么？ 答：JVM是Java虚拟机的缩写，是Java程序运行的环境。它负责将Java源代码编译成字节码并运行在不同平台上。请解释一下J…...

编程日记 2025/8/4 1:18:57

算法——广度优先搜索——跨步迷宫

原题链接思路：找出最短路径，然后判断是否存在连续三个点是横纵坐标相等的，如果有就步数减1 但是有两个样例过不了错误原因：在错误的测试案例中，最短路径可能有多条，而我刚好选了一条比较曲折的&#x…...

编程日记 2025/8/9 19:00:35

Python pyqt+flask做一个简单实用的自动排班系统

这是一个基于Flask和PyQt的排班系统，可以将Web界面嵌入到桌面应用程序中。系统界面： 功能特点： - 读取员工信息和现有排班表 - 自动生成排班表 - 美观的Web界面 - 独立的桌面应用程序整体架构： 系统采用前后端分离的架构…...

编程日记 2025/7/31 22:06:45

链表操作：分区与回文判断

目录链表分区（Partition） 功能概述代码实现要点与难点注意事项链表回文判断（PalindromeList） 功能概述代码实现要点与难点注意事项总结在链表相关的算法问题中，理解链表的基本结构和操作至关重要…...

编程日记 2025/8/10 2:47:41

基于大模型的腮腺多形性腺瘤全周期诊疗方案研究报告

目录一、引言 1.1 研究背景与目的 1.2 研究现状与趋势二、大模型预测原理与方法 2.1 大模型概述 2.2 数据收集与预处理 2.3 模型训练与优化三、术前预测与评估 3.1 肿瘤特征预测 3.2 风险评估 3.3 案例分析四、术中方案制定与实施 4.1 手术方案选择 4.2 面神…...

编程日记 2025/8/6 7:28:32

Vue3 界面设计插件 microi-pageengine 入门教程一

系列文章目录一、Vue3空项目快速集成 microi-pageengine 插件文章目录系列文章目录一、前言二、排版布局2.1 功能导航区2.2 组件容器区2.3 属性面板区三、数据来源配置3.1 json数据源3.2 html数据源四、事件穿透五、数据保存持久化六、总结一、前言上一篇文章介绍了 v…...

编程日记 2025/8/9 14:42:08

如何选择合适的SSL服务器证书

在数字化时代，网络安全已成为企业不可忽视的重要环节。SSL（Secure Sockets Layer，安全套接层）服务器证书作为保障网站数据传输安全的关键工具，其选择和使用至关重要。一、SSL证书类型：基础与进阶 SSL证书…...

编程日记 2025/8/10 2:45:01

STC89C52单片机学习——第26节: [11-2]蜂鸣器播放音乐

写这个文章是用来学习的,记录一下我的学习过程。希望我能一直坚持下去,我只是一个小白,只是想好好学习,我知道这会很难，但我还是想去做！ 本文写于：2025.03.19 51单片机学习——第26节: [11-2]蜂鸣器播放音乐前言开发板说明引用解答和科普一…...

编程日记 2025/8/5 15:52:47

ABC396题解

A 算法标签: 模拟问题陈述给你一个长度为 N N N 的整数序列： A ( A 1 , A 2 , … , A N ) A (A_1, A_2, \ldots, A_N) A(A1,A2,…,AN)。请判断在 A A A 中是否有相同元素连续出现三次或三次以上的位置。更正式地说，请判断是否存在一个整…...

编程日记 2025/8/10 2:45:03

如何用Python和Selenium实现表单的自动填充与提交？

在今天的数字化时代，自动化工具可以极大地提高工作效率。很多人可能会觉得填表单是个繁琐的任务，不过你知道吗？用Python和Selenium可以轻松解决这一问题！本文将带你走进如何利用这两个强大的工具，实现表单的自动填充和…...

编程日记 2025/8/5 9:30:14

使用`plot_heatmap`绘制热力图时

在Python中，使用plot_heatmap绘制热力图时，颜色图例（colorbar）的定制化设置是关键步骤。以下是实现方法及优化建议： 一、基础图例绘制自动生成颜色条使用seaborn.heatmap()时，默认会生成颜色条&#xff0…...

编程日记 2025/8/6 18:44:59

极简桌面待办清单软件，❌不会增加工作量

工作邮件、会议安排、生活琐事……事情多到根本记不住，又怕错过重要事项，焦虑感油然而生。相信这是很多职场朋友遇到的问题，也急需一款好用的极简桌面待办清单软件来辅助我们。今天我要给大家推荐一款拯救我们于水火的神器——好用便签&…...

编程日记 2025/7/31 16:31:01

QT学习笔记4

一、音视频播放（Qt Multimedia） 1. 多媒体框架架构核心类关系 ： mermaid #mermaid-svg-mwHLYcpaJDU14uFM {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-mwHLYcpaJDU14uFM .e…...

编程日记 2025/8/9 8:40:27

软考中级软件设计师考点知识点笔记总结 day06

文章目录 6、树和二叉树6.1、树的基本概念6.2、二叉树的基本概念6.3、二叉树的遍历6.4、查找二叉树（二叉排序树）BST6.5、构造霍夫曼树6.6、线索二叉树6.7、平衡二叉树 7、图7.1 、存储结构 - 邻接矩阵7.2 、存储结构 - 邻接表7.3、图的遍历7.4、拓扑…...

编程日记 2025/8/4 22:27:08

爬虫基础之爬取猫眼Top100 可视化

网站: TOP100榜 - 猫眼电影 - 一网打尽好电影本次案例所需用到的模块 requests (发送HTTP请求) pandas(数据处理和分析保存数据) parsel(解析HTML数据) pyecharts(数据可视化图表) pymysql(连接和操作MySQL数据库) lxml(数据解析模块) 确定爬取的内容: 电影名称电影主演…...

编程日记 2025/8/5 7:38:48

微信小程序面试内容整理-如何使用wx.request()进行网络请求

wx.request() 是微信小程序中用于发送网络请求的 API，类似于浏览器中的 fetch 或 XMLHttpRequest。通过 wx.request()，开发者可以向服务器发送 HTTP 请求，获取数据或者提交数据。基本用法 wx.request() 通过提供一个配置对象来进行配置，配置对象中包括请求的 URL、请求方法…...

编程日记 2025/8/6 22:04:29

力扣100二刷——图论、回溯

第二次刷题不在idea写代码，而是直接在leetcode网站上写，“逼”自己掌握常用的函数。标志掌握程度解释办法⭐Fully 完全掌握看到题目就有思路，编程也很流利⭐⭐Basically 基本掌握需要稍作思考，或者看到提示方法后能解答⭐⭐⭐Sl…...

编程日记 2025/8/8 17:21:28

该错误是由于`KuhnMunkres`类未定义`history`属性导致的

该错误是由于KuhnMunkres类未定义history属性导致的。以下是具体分析及解决方案： 错误原因分析属性缺失代码中试图访问km.history，但KuhnMunkres类未在初始化或算法执行过程中定义该属性，因此触发AttributeError。动画实现逻辑不完整用户…...

编程日记 2025/8/7 2:00:55

DAPO：一个开源的大规模大型语言模型LLM强化学习系统

推断扩展赋予了大型语言模型前所未有的推理能力，强化学习作为激发复杂推理的核心技术，清华大学联合字节提出了解耦片段与动态采样策略优化（DAPO）算法，并全面开源了一个最先进的大规模强化学习系统，该系统使用Qwen2.5-32B基础模型在AIME 2024上取得了50分的高分。还开源了…...

编程日记 2025/8/6 23:55:03

数据结构中的引用管理对象体系

数据结构中的引用管理对象体系 （注：似复刻变量即实例对象） 引用管理对象的，有引用就能管理到它所指向的对象，我们拿引用最终的目的就是管理那些我们需要管理的最终直接对象，引用也是对象，同时…...

编程日记 2025/8/4 13:41:51

【自学笔记】智能合约基础知识点总览-持续更新

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录智能合约基础知识点总览目录1. 智能合约简介2. 以太坊与Solidity示例代码：Hello World智能合约 3. Solidity基础语法示例代码：简单的计数器合…...

编程日记 2025/8/8 7:49:47

Linux的Shell编程

一、什么是Shell 1、为什么要学习Shell Linux运维工程师在进行服务器集群管理时，需要编写Shell程序来进行服务器管理。对于JavaEE和Python程序员来说，工作的需要。Boss会要求你编写一些Shell脚本进行程序或者是服务器的维护，比如编写一个…...

编程日记 2025/8/6 11:03:23

【八股文】volatile关键字的底层原理是什么

volatile只能保证可见性和有序性 volatile如何保证可见性当对volatile变量进行写操作的时候，JVM会向处理器发送一条lock前缀的命令，将这个缓存中的变量会写到系统内存中。所以，如果一个变量被volatile所修饰，每次数据变化之后…...

编程日记 2025/8/7 1:46:08

一种基于大规模语言模型LLM的数据分析洞察生成方法

从复杂数据库中提取洞察对数据驱动决策至关重要，但传统手动生成洞察的方式耗时耗力，现有自动化数据分析方法生成的洞察不如人工生成的有洞察力，且存在适用场景受限等问题。下文将介绍一种新的方法，通过生成高层次问题和子问题，并使用SQL查询和LLM总结生成多表数据库中的见…...

编程日记 2025/8/4 14:44:59

三大供应链管理模式——解决方案与实操案例详解

库存压到喘不过气，紧急订单却总赶不上交付？这是许多企业的真实困境——推式供应链盲目备货导致积压，拉式供应链又因响应慢而丢单。供应链管理，本质上是在“计划”与“变化”之间把握平衡。上篇文章，我们系统梳理了供应…...

编程日记 2025/8/8 23:50:47

【C++】STL库面试常问点

STL库什么是STL库 C标准模板库（Standard Template Libiary）基于泛型编程（模板），实现常见的数据结构和算法，提升代码的复用性和效率。 STL库有哪些组件 STL库由以下组件构成： ● 容器&#xf…...

编程日记 2025/8/6 19:14:32

集成学习之随机森林

目录一、集成学习的含义二、集成学习的代表三、集成学习的应用 1、分类问题集成。（基学习器是分类模型） 2、回归问题集成。（基学习器是回归模型） 3、特征选取集成。四、Bagging之随机森林 1、随机森林是有多个决策树&a…...

编程日记 2025/8/2 1:20:20

【SpringBatch】03步骤对象（Step）控制与执行流程设计

目录标题六、步骤对象 Step6.1 步骤介绍6.2 简单Tasklet6.3 chunk居于块Tasklet**ChunkTasklet 泛型** 6.4 步骤监听器6.5 多步骤执行6.6 步骤控制6.6.1 条件分支控制-使用默认返回状态6.6.2 条件分支控制-使用自定义状态值 6.7 步骤状态6.8 流式步骤六、步骤对象 Step 前面…...

编程日记 2025/8/9 21:15:42

走进Java：String字符串的基本使用

❀❀❀ 大佬求个关注吧~祝您开心每一天 ❀❀❀ 目录一、什么是String 二、如何定义一个String 1. 用双引号定义 2. 通过构造函数定义三、String中的一些常用方法 1 字符串比较 1.1 字符串使用 1.2 字符串使用equals() 1.3 使用 equalsIgnoreCase() 1.4 cpmpareTo…...

编程日记 2025/8/6 20:17:12

AI如何变革亚马逊广告投放？DeepBI的智能优化解析

在亚马逊平台上，广告投放的方式正经历着从人工精细化运营到AI自动化优化的深刻变革。传统的广告投放依赖人工操作，涉及海量数据分析、手动调价、竞价策略优化等环节，既耗时又易受人为因素影响。而AI驱动的智能投放系统，如DeepBI&a…...

编程日记 2025/8/9 6:05:27

小程序电子画册制作，用户体验为王！

家人们，现在小程序电子画册超火，不管是展示产品还是分享故事都超实用。但在小程序电子画册制作过程中，用户体验真的得好好考量！今天就和大家唠唠这其中的门道。 1、加载速度：快才是王道打开小程序的瞬间&#xff0c…...

编程日记 2025/8/4 10:42:20

相关文章：