固定td标签的宽度,table边框1像素

简介:

.increase .increase-table {

margin: 0 auto;

width: 350px;

text-align: center;

vertical-align: middle;

border-collapse:collapse;  不建议用cellspacing=0,会造成2像素,看起来太粗,用collapse,再给border

table-layout: fixed; 固定布局,给table标签宽度

}

.increase .increase-table td {

width: 56px; 给td宽度

height: 44px;

vertical-align: middle;

}

 

<table class="increase-table" border="1" bordercolor="#fff" cellpadding="0">

<tbody>

    <tr>

        <td class="left">保险</td>

        <td>1险</td>

        <td>2险</td>

        <td>3险</td>

        <td>4险</td>

    </tr>

</tbody>

</table>

目录
相关文章
|
缓存 安全 网络安全
ingress 因为HSTS引发307跳转问题
ingress 因为HSTS引发307跳转问题
|
前端开发 JavaScript 算法
轻松实现数字格式化:JavaScript 中的千分位分隔技巧大揭秘
轻松实现数字格式化:JavaScript 中的千分位分隔技巧大揭秘
702 0
|
小程序 定位技术
uniapp微信小程序地图全屏显示配送范围
uniapp微信小程序地图全屏显示配送范围
301 1
|
Java Apache
Java代码使用POI导出的单元格的字体加粗设置
【5月更文挑战第3天】Java代码使用POI导出的单元格的字体加粗设置
1053 1
|
Web App开发 移动开发 小程序
看我如何让手机秒变扫码枪
为解决无扫码枪问题,作者受到微信小程序“超级扫码枪”启发,决定自制手机扫码到电脑的应用。项目需求是手机扫描条形码或二维码后实时传送到电脑。实现步骤包括:电脑端用Java Swing和Robot模拟键盘输入,手机端H5调用摄像头扫码(借助html5-qrcode库),并通过WebSocket服务将结果发送至电脑。项目源码及演示视频链接提供。
2345 5
|
JavaScript 前端开发 小程序
uniapp中nvue页面如何全屏,map组件如何全屏?
uniapp中nvue页面如何全屏,map组件如何全屏?
772 3
|
移动开发 JavaScript 小程序
uView SwipeAction 滑动单元格
uView SwipeAction 滑动单元格
288 0
|
Java 程序员 数据处理
探索编程范式:面向对象编程与函数式编程的比较与取舍
本文将探讨面向对象编程(OOP)和函数式编程(FP)两种主流的编程范式,并比较它们在代码组织、可复用性、并发性和代码风格等方面的特点。通过深入了解它们的优势和不足,读者可以更好地选择适合自己项目需求的编程范式。
424 1
|
并行计算 数据处理 开发者
编程范式的抉择:面向对象编程与函数式编程的对决
在当今的软件开发领域,面向对象编程(Object-Oriented Programming,OOP)和函数式编程(Functional Programming,FP)是两种重要的编程范式。本文将比较并探讨这两种编程范式的特点、优势和适用场景,以帮助开发者在编程选择上做出明智的决策。
|
Web App开发 小程序 Android开发
Uniapp match-media 检测节点 适配大屏小屏 不同屏幕视图组件
Uniapp match-media 检测节点 适配大屏小屏 不同屏幕视图组件
204 0