HTML一个最小的单元格包含,html – 表单元格在包含可滚动的pre时没有正确调整大小...

我无法让我的表格单元格在“圣杯”布局的变体上正确调整大小.

当我的主要内容显示为块与表格单元格时,我会看到不同的行为.我已经将问题缩小到这样一个事实,即具有长文本的可滚动预块导致单元格宽度表现奇怪.请参阅下面的代码和小提琴.它显示了什么与期望的行为不一致.

请注意display：table-cell是必需的.我不能简单地使用样式作为工作示例(我也不能使用flexbox).

重要：

要查看所需的调整大小行为,您必须调整窗口大小并观察两个示例的行为方式.确保您在代码段结果上单击“完整页面”才能执行此操作.

#main {

display: table;

margin: 0 auto;

}

#content {

display: table-cell;

max-width: 600px;

background-color: red;

}

.code-block {

/* display: none; */

margin: 0px 20px;

padding: 10px;

border: 1px black solid;

overflow: auto;

}

#content-working {

display: block;

margin: 0 auto;

max-width: 600px;

background-color: green;

}

Content Area

Some other words on the page. Hey look, some code:

code that is potentially long and must be scrolled to be seen in its entirety

Content Area

Some other words on the page. Hey look, some code:

code that is potentially long and must be scrolled to be seen in its entirety

要查看代码块是问题,您可以取消注释/ * display：none; * /并看到内容列正确调整大小(尽管没有所需的代码块).

HTML一个最小的单元格包含,html – 表单元格在包含可滚动的pre时没有正确调整大小...相关推荐

html常见的表单元素有哪些,html表单元素有哪些？
HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框(INPUT type=text),密码输入框(INPUT type=password),单选输入框(IN ...
计算机所选区域单元格数值,筛选Excel2007单元格区域或表中的数据
Excel2007使用自动筛选来筛选数据,可以快速而又方便地查找和使用单元格区域或表列中数据的子集. 了解有关筛选的详细信息筛选过的数据仅显示那些满足指定条件 (条件:所指定的限制查询或筛选的结果集 ...
6.9对一个工作簿中的所有工作表分别求和并将求和结果写入固定单元格
# 对一个工作簿中的所有工作表分别求和并将求和结果写入固定单元格 import xlwings as xw import pandas as pd app = xw.App(visible=False ...
如何判断一个单元格是否为合并单元格
最近使用python在处理exce数据,需要提取里面单元格数据,整理后,填充到另外一个excel里面,碰到合并单元格问题--合并单元格的第一个行/列单元格有值,其他合并项都是空的'',取数据时,如果没 ...
2023-05-13：你现在手里有一份大小为 n x n 的网格 grid, 上面的每个单元格都用 0 和 1 标记好了其中 0 代表海洋，1 代表陆地。请你找出一个海洋单元格，这个海洋单元格
2023-05-13:你现在手里有一份大小为 n x n 的网格 grid, 上面的每个单元格都用 0 和 1 标记好了其中 0 代表海洋,1 代表陆地. 请你找出一个海洋单元格,这个海洋单元格 ...
设置单元格填充方式_单元格的选择及设置单元格格式
数据输入完毕,接下来可以设置字体.对齐方式.添加边框和底纹等方式设置单元格格式,从而美化工作表.要对单元格进行设置,首先要选中单元格. 选择单元格选择单元格是指在工作表中确定活动单元格以便在单元格中 ...
office2007 打开Excel 提示工作表中的公式包含一个或多个无效引用的解决方法
打开带有数据或者图表的工作表或工作簿中,有时候会弹出一个对话框"工作表中的公式包含一个或多个无效引用,请验证公式包含的路径.工作簿.区域名称或单元格引用",单击确定后就不再显示,但 ...
html合并单元格后有虚线,excle单元格中间出现虚线/Excel表格里出现虚线，是怎么回事？...
excel表格框中有一纵向虚线是什么? 网友回 2014-10-13 一般情况下,是"页面的分页线",做过打印预览的,都会出现. 如果想容打印到一张A4纸上以把要打印的内容先&qu ...
Excel-VBA 快速上手（八、单元格对象-常见的单元格操作）
文章目录一. 单元格的内容 1.1. 获取单元格的真实内容 1.2. 获取单元格的显示内容 1.3. 获取单元格使用的公式 1.4. 判断单元格是否为空 1.5. 判断单元格的内容是不是数字 1.6 ...

HTML一个最小的单元格包含,html – 表单元格在包含可滚动的pre时没有正确调整大小...

HTML一个最小的单元格包含,html – 表单元格在包含可滚动的pre时没有正确调整大小...相关推荐

最新文章

热门文章