当前位置: 开发笔记 > 编程语言 > 正文

JS如何设置一个table宽度不受父容器宽度影响

作者：手机用户2502904457 | 来源：互联网 | 2023-05-18 16:49

如题，当table嵌套的时候如何让内层的table宽度不受到外层table宽度的限制因为现在内层table中的数据比较长，如果还是限制为外层table的宽度的话内容就会竖起来显示了，忒难看

如题，当table嵌套的时候如何让内层的table宽度不受到外层table宽度的限制
因为现在内层table中的数据比较长，如果还是限制为外层table的宽度的话内容就会竖起来显示了，忒难看

7 个解决方案

#1

外层宽度设置100%

#2

这个貌似不行。父table不设置宽度试试

#3

是想内层table不换行吗？代码结构带数据放上来看看

#4

默认的情况下即便外table限制宽度
但内table依然会撑破外table的宽度
你大概设定了其它的属性

#5

                01


                02


                03






                10

04	09
05	08	11
06	07	12

介个是代码结构，没设置其他样式，如果里面的数据不是数字变多了的话则会吧列给竖起来。。。

#6

white-space:nowrap;不换行

#7

设置外层td的CSS
width:100px;overflow:scroll;
里面的table 设置一个固定宽度固定为px 应该不会换行吧

推荐阅读

web
41款高效LISP工具助力数据处理全流程

本文由公众号【数智物语】(ID: decision_engine)发布，关注获取更多干货。文章探讨了从数据收集到清洗、建模及可视化的全过程，介绍了41款实用工具，旨在帮助数据科学家和分析师提升工作效率。 ... [详细]

蜡笔小新 2024-11-24 00:11:50
php
解决UIScrollView自动偏移问题的方法

本文介绍了一种有效的方法来解决在使用UIScrollView时出现的自动向下偏移的问题，通过调整特定的属性设置，可以确保滚动视图正常显示。 ... [详细]

蜡笔小新 2024-11-23 11:01:29
fetch
重学前端学习笔记（二十四）HTML里的链接元素

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系& ... [详细]

蜡笔小新 2024-11-23 10:34:04
php
iOS开发中的UIView及其子类应用

本文介绍了用户界面（User Interface, UI）的基本概念，以及在iOS应用程序中UIView及其子类的重要性和使用方式。文章详细探讨了UIView如何作为用户交互的核心组件，以及它与其他UI控件和业务逻辑的关系。 ... [详细]

蜡笔小新 2024-11-23 16:25:09
php
线性表中的元素删除算法

本文探讨了线性表中元素的删除方法，包括顺序表和链表的不同实现策略，以及这些策略在实际应用中的性能分析。 ... [详细]

蜡笔小新 2024-11-23 16:14:36
php
实现Win10与Linux服务器的SSH无密码登录

本文介绍了如何在Windows 10环境下使用Git工具，通过配置SSH密钥对，实现与Linux服务器的无密码登录。主要步骤包括生成本地公钥、上传至服务器以及配置服务器端的信任关系。 ... [详细]

蜡笔小新 2024-11-23 15:50:03
jar
Gradle 配置详解与实践

Gradle 是 Android Studio 中默认的构建工具，了解其基本配置对于开发效率的提升至关重要。本文将详细介绍如何在 Gradle 中定义和使用共享变量，以确保项目的一致性和可维护性。 ... [详细]

蜡笔小新 2024-11-23 15:07:47
php
深入解析Apache Mina开发指南

本文由chszs撰写，详细介绍了Apache Mina框架的核心开发流程及自定义协议处理方法。文章涵盖从创建IoService实例到协议编解码的具体步骤，适合希望深入了解Mina框架应用的开发者。 ... [详细]

蜡笔小新 2024-11-23 15:02:21
php
P3796 AC自动机强化版题解 - Aho-Corasick Algorithm

本文提供了一个关于AC自动机（Aho-Corasick Algorithm）的详细解析与实现方法，特别针对P3796题目进行了深入探讨。文章不仅涵盖了AC自动机的基本概念，还重点讲解了如何通过构建失败指针（fail pointer）来提高字符串匹配效率。 ... [详细]

蜡笔小新 2024-11-23 13:17:52
header
使用Python构建网页版图像编辑器

本文详细介绍了一款基于Python开发的网页版图像编辑工具，具备多种图像处理功能，如黑白转换、铅笔素描效果等。 ... [详细]

蜡笔小新 2024-11-23 13:14:41
main
嵌入式系统实验：GPIO控制与按键响应

本报告记录了嵌入式软件设计课程中的第二次实验，主要探讨了使用KEIL V5开发环境和ST固件库进行GPIO控制及按键响应编程的方法。通过实际操作，加深了对嵌入式系统硬件接口编程的理解。 ... [详细]

蜡笔小新 2024-11-23 13:00:00
php
LeetCode 102 - 二叉树层次遍历详解

本文详细解析了LeetCode第102题——二叉树的层次遍历问题，提供了C++语言的实现代码，并对算法的核心思想和具体步骤进行了深入讲解。 ... [详细]

蜡笔小新 2024-11-23 12:14:28
php
JavaScript 中引号的多层嵌套使用技巧

本文详细介绍了在 JavaScript 编程中如何处理引号的多级嵌套问题，包括双引号、单引号以及转义字符的正确使用方法。 ... [详细]

蜡笔小新 2024-11-23 11:47:34
php
如何高效渲染JSON数据

本文介绍了在控制器中返回JSON结果的方法，并详细说明了如何利用jQuery处理和展示这些数据，为Web开发提供了实用的技巧。 ... [详细]

蜡笔小新 2024-11-23 10:41:31
php
深入理解Awk文本处理工具

Awk是一款功能强大的文本分析与处理工具，尤其在数据解析和报告生成方面表现突出。它通过读取由换行符分隔的记录，并按照指定的字段分隔符来划分和处理这些记录，从而实现复杂的数据操作。 ... [详细]

蜡笔小新 2024-11-23 09:44:24

手机用户2502904457

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章