width 相关问题

确定X轴上对象大小的属性。此测量的最常见形式是像素或毫米。

为什么最大宽度在 tailwind css 中不起作用?

我已将最大宽度设置为 max-w-screen-2xl 但导航栏忽略它并超出最大宽度值。我为其他部分设置了 max-w-screen-2xl,它们工作正常。如何...

回答 3 投票 0

绝对位置影响宽度?

我是CSS新手。我想知道为什么当我将 div 元素的位置更改为绝对位置时,div 元素的宽度会发生变化?在 Chrome v25.0.1364.172m 和 IE9 中尝试过,都有...

回答 3 投票 0

React Native 使项目响应

正确和不正确的物品堆叠示例 请参考图片。我有两台手机,一台屏幕宽度为 1440 像素,另一台屏幕宽度为 1080 像素。在 1440 屏幕上,项目堆叠在...

回答 3 投票 0

将 TXT 平面文件转换为固定宽度文本的脚本

我必须将txt文件转换为固定宽度的文本文件。我正在学习 powershell,并创建了一个脚本来转换文件,但我对填充有问题(字段之间的空白) 我尝试: #

回答 1 投票 0

如何使 StringGrid 的列适合网格的宽度?

我一直在寻找解决方案,但没有任何运气。有谁知道一个简单的方法来做到这一点?例如,我想拉伸网格的第二列以适应网格的宽度!

回答 5 投票 0

HTML 表格比例适合

我有一个 KPI 仪表板,其中有很多小图表。一种类型的图表实际上是 HTML 表格。它显示在 DIV 中。 我有一个 KPI 仪表板,其中有很多小图表。一种类型的图表实际上是 HTML 表格。它显示在 DIV 中。 <div style="width:400px; height:250px;overflow:hidden"> <table> <tr><th>Col1</th><th>Col2</th></tr> <tr><td>Row1</td><td>Row2</td></tr> </table> <div> 目前,我隐藏了溢出。我想让表格“适合”div。 如果 table 变得太大而无法显示,我该如何使其适合/缩小到 DIV?理想情况下,文本也会缩小。 此 CSS 将使您的表格与您正在使用的容器具有相同的高度/宽度。添加边框/背景只是为了可视化发生的情况。 然而,缩小文本将更具挑战性。如果不使用 javascript 可能就没有办法实现这一点。即使您这样做了,内容也可能会因为字体太小而无法阅读。 我设法想出了一些 javascript/jquery 代码来更改字体大小,直到表格适合 div 或字体大小达到 5px(= 不可读)。粗略地说,您需要自己编辑其中一些内容(因为如果您不将选择器更改为 id,它将应用于所有表) [JSFiddle] table{ width: 100%; background-color: red; } th, td{ width: 50%; border: blue solid 1px; } Jquery/Javascript $(document).ready(function () { var HeightDiv = $("div").height(); var HeightTable = $("table").height(); if (HeightTable > HeightDiv) { var FontSizeTable = parseInt($("table").css("font-size"), 10); while (HeightTable > HeightDiv && FontSizeTable > 5) { FontSizeTable--; $("table").css("font-size", FontSizeTable); HeightTable = $("table").height(); } } }); 这是我目前使用的,它嵌入到项目中(例如,参见类),但请随意使用它作为灵感。 scaleTable = function (markupId) { //This hacky stuff is used because the table is invisible in IE. function realWidth(obj){ var clone = obj.clone(); clone.css("visibility","hidden"); $('body').append(clone); var width = clone.outerWidth(); clone.remove(); return width; } function realHeight(obj){ var clone = obj.clone(); clone.css("visibility","hidden"); $('body').append(clone); var height = clone.outerHeight(); clone.remove(); return height; } var table = $("#"+markupId+" table:first-of-type"); var tablecontainer = $("#"+markupId).parents( ".scalabletablecontainer" ); var scalex = tablecontainer.innerWidth() / realWidth(table); var scaley = tablecontainer.innerHeight() / realHeight(table); var scale = Math.min(scalex, scaley); if (scale<1.0) { var fontsize = 12.0 * scale; var padding = 5.0 * scale; $("#"+markupId+" table tbody").css("font-size", fontsize + "px"); $("#"+markupId+" table tbody TD").css("padding",padding + "px"); $("#"+markupId+" table TH").css("padding",padding + "px"); } }; 获取表格和 div 尺寸,如前面的评论所示。然后应用CSS: transform:scale(factorX, factorY) 到桌子上。

回答 3 投票 0

我想控制pdf文件中文本的宽度不溢出怎么办?

pw.Text(descDiv, textAlign: pw.TextAlign.left, style:const pw.TextStyle(fontSize: 10)), 但文本溢出不起作用 pw.Text(descDiv, textAlign: pw.TextAlign.left, style:const pw.TextStyle(

回答 1 投票 0

仅监听窗口的宽度变化(不监听高度)

我知道 window.addEventListener('调整大小', 函数(事件) {} 和 window.onresize = 函数(事件) {} 但有没有办法只听 WIDTH 呢? 我想要最简单的方法来触发电子......

回答 1 投票 0

为什么我的Python自定义tkinter框架的宽度不起作用?

我正在尝试在customtkinter中制作侧边栏,但宽度未设置并且框架正在全速运行。 我的代码如下所示: 侧边栏类(customtkinter.CTkFrame): def __i...

回答 1 投票 0

尽管使用框大小调整,边距仍添加到总宽度中

我遇到了一个问题,即我的元素的边距被添加到它们的总宽度中,而不是在计算宽度之前被考虑在内,尽管使用了 box-sizing: bor...

回答 1 投票 0

如何在我的 ark-ui React 项目中通过 css 启用更多空白?

我正在使用 ark-ui 库创建一个 React 项目,目前正在研究它们的选项卡组件。 我正在尝试扩展名为 data-scope=tabs data-part=list id=tabs::r1...

回答 1 投票 0

修改 Jupyter book 的内容宽度,或 Sphinx 主题 sphinx-book-theme

我正在使用 jupyter-book,默认情况下使用 sphinx-book-主题。 有一个左侧边栏、中间栏的内容和右侧边栏。我想让内容栏更宽。 那个...

回答 1 投票 0

在flexbox中如何让子宽度等于父宽度?

我很难理解宽度属性如何作用于弹性容器的子项? 我想知道让子元素具有

回答 1 投票 0

更改动态添加的ListBox的尺寸

我在 VBA 中创建了一个表单,在其中动态添加列表框。 如何更改列表框的宽度和高度?所有其他事情都在改变。 Dim lb As MSForms.ListBox 设置 lb = Me.con...

回答 2 投票 0

无法更改动态添加的列表框的尺寸

我已经找了好几个小时了,我希望有人能在这里帮助我。 我正在 vba 中创建一个表单,我想在其中动态添加列表框。列表框已添加,因此按计划进行。豪...

回答 2 投票 0

全屏标题下方的内容使标题/整个页面(?)稍微向右溢出

我对这些有点陌生,但我已经成功制作了全屏标题,而且似乎工作正常,问题是每当我在标题下方添加任何内容时,它就会制作整个页面......

回答 1 投票 0

根据 Android Compose 中的可用宽度/高度显示不同的内容(布局)

我有一个 Activity 和 MyApp 可组合函数。在该函数中,我需要显示带有详细信息的列表或仅显示列表屏幕,具体取决于可用宽度。如何确定...的可用宽度

回答 2 投票 0

为什么我的 <td> 元素没有以 100vw 显示?

我正在学习 FreeCodeCamp 响应式网页设计课程。我正在模块“通过构建资产负债表了解有关 CSS 伪选择器的更多信息”第 53 步。第一个指令...

回答 1 投票 0

可以有 100% 宽的 div 但将其内容限制为设定的最大宽度吗?

我知道这可以很容易地用 2 个 div 来完成,例如将外部的设置为 100% 宽度,内部的设置为最大宽度 1000px。 我只是好奇是否可以只用一个 div 来完成

回答 3 投票 0

滑动器不要将幻灯片宽度设置为“自动”

我正在尝试将来调整幻灯片的宽度 - 通过它们的宽度。我已经尝试了数千条建议,但没有任何帮助我。你能给我推荐一些东西吗,这样我的幻灯片就会......

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.