width 相关问题

Next.JS 应用程序（带有 Chakra UI）在移动设备上不是全宽

这个让我很头疼.. 也许我只是错过了一些愚蠢的事情，希望你们能帮忙。 整个 html 元素的宽度约为移动设备屏幕的 80%。 在一个拉...

如何增加PrimeNG中pTooltip的宽度

我正在使用 PrimeNG 的工具提示，并尝试在其中包含大量文本时使其更宽，但它没有响应我尝试的任何内容。 我尝试过使用 PrimeNG 的 HTML 属性 tooltipStyleClass...

我的图像不适合其容器的整个高度

我的 div 元素内有一个图像，我希望我的图像适合其容器的整个高度，但这不会发生。我的图像是正方形的。我不得不提的是我不关心asp...

控制条形图的宽度

age_group = ['0~4岁', '5~9岁', '10~14岁', '15~19岁', '20~24岁', '25~29岁', '30岁〜34岁'，'35〜39岁'，'40〜44岁'，'45〜49岁'，'50〜54岁'，'55〜59岁'，'60〜64岁...

控制Python上条形图的宽度

age_group = ['0~4岁', '5~9岁', '10~14岁', '15~19岁', '20~24岁', '25~29岁', '30岁〜34岁'，'35〜39岁'，'40〜44岁'，'45〜49岁'，'50〜54岁'，'55〜59岁'，'60〜64岁...

JavaFx USE_COMPUTED_SIZE 用于舞台而不使用 FXML

在 JavaFX 场景生成器中，我可以为控件或容器的最小、最大和首选宽度和高度选择一个值。有一些预定义值，例如 USE_COMPUTED_SIZE。 我来到

创建三列大小相等（可调整大小）

我想创建一个具有三列的模块化界面，所有三列应该基本上具有相同的宽度，每列之间有一个分隔线。 如果然后按住分隔线并向左拖动...

页脚未覆盖页面宽度的 100%

我有一个页面，其中包含以下页脚代码 。页脚 { 显示：柔性； 对齐项目：居中； 宽度：100%； 保证金：0； 高度：100%； 背景颜色：黑色； 颜色: 素瓷; 字体大小：20px； } 我知道我...

如何使一个wrap_content文本视图将其内容包装得足以使其他视图在Android LinearLayout中可见？

我有一个水平LinearLayout，有3个文本视图，宽度设置为wrap_content。我希望它们全部都是换行内容，但其中之一可能会变得太长。这导致

考虑到 igraph 中相关性的权重，如何为边缘分配不同的宽度

我需要更改边缘的宽度，以对应于校正的权重：宽度1，相关性> 7，宽度2，相关性> 8，宽度3，相关性大于9 这是前...

将模式窗口宽度设置为大于 Outlook 加载项宽度

我需要在 Outlook 加载项中创建一个弹出窗口或模式窗口，其中弹出窗口或模式窗口的宽度大于 Outlook 加载项宽度。 我尝试了几种方法。但他们只允许弹出/模态窗口...

没有 100% 宽度的显示块

我想使用 display 属性将 span 元素设置为显示在另一个元素下方。我尝试应用 inline-block 但没有成功，并且认为如果我设法避免的话我可以使用 block

如何在 Xamarin.Ios (C#,Xaml) 中使我的动画更加平滑/流畅

我尝试为无法完全适合框视图的标签制作自动滚动，因此我使用两个字符列表，一个可见，另一个不可见，并将字符从一个切换到另一个，这并不顺利...

即使明确限制，表格宽度也会拉伸，如何解决这个问题？

这是我到目前为止得到的： 这是我到目前为止得到的： <center><table border="0" width="100%"> <tr> <td></td> <td align="center" valign="top" colspan="8" bgcolor="#000000" bordercolor="#FFFFFF"><p align="center"><font color="#FFFFFF" face="Arial">Table title</font></p> </td> <td></td> </tr> <tr> <td></td> <td align="center" valign="top" width="200" colspan="2" bgcolor="#F0F0F0" bordercolor="#FFFFFF"><div style="max-width: 200px"><p align="center"><a href="link url" title="1" style="text-decoration: none"><font face="Arial">1</font></a></p></div> </td> <td align="center" valign="top" width="200" colspan="2" bgcolor="#F0F0F0" bordercolor="#FFFFFF"><div style="max-width: 200px"><p align="center"><a href="link url" title="2" style="text-decoration: none"><font face="Arial">2</font></a></p></div> </td> <td align="center" valign="top" width="200" colspan="2" bgcolor="#F0F0F0" bordercolor="#FFFFFF"><div style="max-width: 200px"><p align="center"><a href="link url" title="3" style="text-decoration: none"><font face="Arial">3</font></a></p></div> </td> <td align="center" valign="top" width="200" colspan="2" bgcolor="#F0F0F0" bordercolor="#FFFFFF"><div style="max-width: 200px"><p align="center"><a href="link url" title="4" style="text-decoration: none"><font face="Arial">4</font></a></p></div> </td> <td></td> </tr> <tr> <td></td> <td align="center" valign="top" width="200" colspan="2" bgcolor="#C0C0C0" bordercolor="#FFFFFF"><div style="max-width: 200px"><p align="center"><a href="link url" title="5" style="text-decoration: none"><font face="Arial">5</font></a></p></div> </td> <td align="center" valign="top" width="200" colspan="2" bgcolor="#C0C0C0" bordercolor="#FFFFFF"><div style="max-width: 200px"><p align="center"><a href="link url" title="6" style="text-decoration: none"><font face="Arial">6</font></a></p></div> </td> <td align="center" valign="top" width="200" colspan="2" bgcolor="#C0C0C0" bordercolor="#FFFFFF"><div style="max-width: 200px"><p align="center"><a href="link url" title="7" style="text-decoration: none"><font face="Arial">7</font></a></p></div> </td> <td align="center" valign="top" width="200" colspan="2" bgcolor="#C0C0C0" bordercolor="#FFFFFF"><div style="max-width: 200px"><p align="center"><a href="link url" title="8" style="text-decoration: none"><font face="Arial">8</font></a></p></div> </td> <td></td> </tr> <tr> <td></td> <td align="center" valign="top" width="100" bgcolor="#F0F0F0" bordercolor="#FFFFFF"><div style="max-width: 100px"></div> </td> <td align="center" valign="top" width="200" colspan="2" bgcolor="#F0F0F0" bordercolor="#FFFFFF"><div style="max-width: 200px"><p align="center"><a href="link url" title="9" style="text-decoration: none"><font face="Arial">9</font></a></p></div> </td> <td align="center" valign="top" width="200" colspan="2" bgcolor="#F0F0F0" bordercolor="#FFFFFF"><div style="max-width: 200px"><p align="center"><a href="link url" title="10" style="text-decoration: none"><font face="Arial">10</font></a></p></div> </td> <td align="center" valign="top" width="100" colspan="2" bgcolor="#F0F0F0" bordercolor="#FFFFFF"><div style="max-width: 200px"><p align="center"><a href="link url" title="11" style="text-decoration: none"><font face="Arial">11</font></a></p></div> </td> <td align="center" valign="top" width="100" bgcolor="#F0F0F0" bordercolor="#FFFFFF"><div style="max-width: 100px"></div> </td> <td></td> </tr> </table> </center> 问题在于它没有按应有的方式对齐。每个单元格应限制为 200 像素，最后一行的两个外部单元格应限制为 100 像素。 有十一个选项可供选择，我希望在表格中正确对齐。由于 11 是素数，因此总是有一个空单元格，我尝试通过将底行的一个单元格切成两半来解决这个问题。 结果看起来不正常，表格太宽并且所有单元格宽度不均。它们都不受指定宽度的限制。 我没有使用CSS，我不知道它是如何工作的。毕竟我只是 HTML 的初学者。 我很确定我做错了一件简单的事情，但它是什么？ 嗨帕特里克 我很抱歉，但整个方法是错误的...... 首先，您正在使用的一半 html 标签已被弃用，其次，您尝试使用表格单元格来“填充”表格的内容，这对于一个或两个单元格来说很好，但不适合作为一种设计方法。 我建议你退一步学习 CSS 基础知识并分离 CSS 代码。 这将使表格工作变得更容易，因为所有混乱的属性都将从 html 代码中消失。 我复制了你的代码并对其进行了修改，以便： CSS 是分离的 已替换已弃用的标签 大多数额外的“填充”单元格已从表格中删除 大部分有问题的 HTML 嵌套已被删除 .tableLayout{ table-layout: fixed; width: 100%; } .centerAlignText{ text-align: center; } .tableHead{ vertical-align: top; background-color: #000000; color: white; border-color: #FFFFFF; } .tableData{ vertical-align: top; width: 200px; background-color: #F0F0F0; border-color: #FFFFFF; } .tableDataWhiteRow{ vertical-align: top; width: 200px; background-color: #F0F0F0; } .tableDataGreyRow{ vertical-align: top; width: 200px; background-color: #C0C0C0; bordercolor: #FFFFFF; } .tableDataPadding{ vertical-align: top; width: 100px; background-color: #F0F0F0; bordercolor: #FFFFFF; } .fontClass{ font-family: Arial; text-decoration: none; } /* attributes changed: valign to vertical-align bgcolor with background-color bordercolor with border-color */ <div class="centerAlignText"> <table class="tableLayout"> <thead> <tr> <th class="tableHead" colspan="8"> <p class="centerAlignText"> <span class="fontClass">Table title</span> </p> </th> </tr> </thead> <tbody> <tr> <td class="tableDataWhiteRow" colspan="2"> <p> <a class="fontClass" href="link url" title="1"> <span>1</span> </a> </p> </td> <td class="tableDataWhiteRow" colspan="2"> <p> <a class="fontClass" href="link url" title="2"> <span>2</span> </a> </p> </td> <td class="tableDataWhiteRow" colspan="2"> <p> <a class="fontClass" href="link url" title="3"> <span>3</span> </a> </p> </td> <td class="tableDataWhiteRow" colspan="2"> <p> <a class="fontClass" href="link url" title="4"> <span>4</span> </a> </p> </td> </tr> <tr> <td class="tableDataGreyRow" colspan="2"> <p> <a class="fontClass" href="link url" title="5"> <span>5</span> </a> </p> </td> <td class="tableDataGreyRow" colspan="2"> <p> <a class="fontClass" href="link url" title="6"> <span>6</span> </a> </p> </td> <td class="tableDataGreyRow" colspan="2"> <p> <a class="fontClass" href="link url" title="7"> <span>7</span> </a> </p> </td> <td class="tableDataGreyRow" colspan="2"> <p> <a class="fontClass" href="link url" title="8"> <span>8</span> </a> </p> </td> </tr> <tr> <td class="tableDataPadding" colspan="1"> </td> <td class="tableDataWhiteRow" colspan="2"> <p> <a class="fontClass" href="link url" title="9"> <span>9</span> </a> </p> </td> <td class="tableDataWhiteRow" colspan="2"> <p> <a class="fontClass" href="link url" title="10"> <span>10</span> </a> </p> </td> <td class="tableDataWhiteRow" colspan="2"> <p> <a class="fontClass" href="link url" title="11"> <span>11</span> </a> </p> </td> <td class="tableDataPadding" colspan="1"> </td> </tr> </tbody> </table> </div> <!-- deprecated tags: <center></center> changed to div with text-align: center; <font></font> changed to span --> 相信我，使用分离的 CSS 进行编码要容易得多

在calc（css）中使用screen.width

是否有在 calc 中使用 screen.width ？像这样的东西： 左：calc(250px + screen.width - 1024px)！重要； 这是针对 @media(max-width: 1024px) 不会的具体情况...

内容宽度 + 使用 calc() 的一定数量的 px

我知道我可以计算（100% + 15px），但是有办法吗 calc("内容宽度" + 15px)? fit-content 和 auto 不起作用，这有点道理。 我想要的物品数量未知...

如何更改 matplotlib 图形的边框宽度

如何更改子图的边框宽度？ 代码如下： 图 = plt.figure(图大小 = (4.1, 2.2)) 斧头 = 图.add_subplot(111) ax.patch.set_linewidth(0.1) ax.get_frame().set_linewidth(0.1) ...

如何在不使用 100% 宽度的情况下让按钮居中？

我看过一些解决方案，但我很确定我无法正确编码。每当我使用“display:block”时，按钮会垂直显示，但可点击区域的宽度为 100%，当...

使用备注为带有 Markdown 的图像添加尺寸属性

我有一个用 Nextjs 制作的博客，它在使用 remark lib 的帖子中使用 markdown 问题在于灯塔审核要求提供图像中的尺寸属性 有什么方法可以添加宽度高度属性我...

具有数千个分箱的直方图条之间的间距

我正在使用 matplotlib 的 hist() 函数或 bar() 制作直方图，并且我想使用 >10,000 个箱（一个箱代表大型实体每个坐标处的计数）。有什么办法可以创建