width 相关问题

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

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

页脚未覆盖页面宽度的 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 个箱（一个箱代表大型实体每个坐标处的计数）。有什么办法可以创建

如何获取svelte组件的宽度

我想存储父组件的宽度并将其传递给中的子组件： 我想存储父组件的宽度并将其传递给<slot />中的子组件： <Parent bind:clientWidth={width}> <Child width={width}></Child> </Parent> 我知道我可以在普通的 html 元素上使用 bind:clientWidth，如下所示： <div bind:clientWidth={width}></div> 但由于某种原因，这不适用于 svelte 组件： <Component bind:clientWidth={width}></Component> 如何获取父级宽度？也许有一个解决方案不涉及声明一个单独的变量来传递给子进程？ 组件可以完全为空，并且包含多个元素而无需包装器，它们没有内在大小。 如果您可以控制父级的实现，则可以在内部获取某个元素的大小并将其作为 slot 属性 传递。或者您可以添加一个包装元素并使用它来测量。 想不出一种方法来避免在某处有额外的变量。

为什么 Firefox 无法使用自定义“字母间距”正确调整“选择”标签的大小？

我在“选择”中添加了一些“字母间距”，我注意到 Firefox 不会改变渲染的“选择”的宽度，而 chromium 却会改变。 结果就是用户看不到完整的

底页对话框横向宽度问题

bottom_sheet_image_dialog.xml： bottom_sheet_image_dialog.xml： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" app:behavior_hideable="false" app:behavior_peekHeight="62dp" app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:id="@+id/llAddDriverPic" android:background="?android:attr/selectableItemBackground" android:padding="8dp"> <ImageView android:layout_width="24dp" android:layout_height="24dp" android:src="@drawable/baseline_add_photo_alternate_24" android:layout_margin="8dp"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/add_picture" android:layout_gravity="center_vertical" android:padding="8dp"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:id="@+id/llRemoveDriverPic" android:background="?android:attr/selectableItemBackground" android:padding="8dp"> <ImageView android:layout_width="24dp" android:layout_height="24dp" android:src="@drawable/baseline_no_photography_24" android:layout_margin="8dp"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/remove_picture" android:layout_gravity="center_vertical" android:padding="8dp"/> </LinearLayout> 代码实现： BottomSheetDialog bsDialog = new BottomSheetDialog(getContext()); bsDialog.setContentView(R.layout.bottom_sheet_image_dialog); bsDialog.setOnShowListener(dialog -> { BottomSheetBehavior bottomSheetBehavior = ((BottomSheetDialog)dialog).getBehavior(); bottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED); }); 发生以下问题：视频中看到的宽度不会完全显示。 如果我在横向模式下从一开始就启动底页，宽度看起来也会不同，因为左侧和右侧没有被覆盖： 问题可能是什么？ 显示对话框之前是否需要预先定义宽度？ -> 你的xml布局没有问题，可以用代码解决。我在下面提供了一个解决此问题的示例。 => 底表类代码 public class BottomSheet extends BottomSheetDialogFragment { private View view; private BottomSheetBehavior mBottomBehavior; @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { view = inflater.inflate(R.layout.bottom_sheet_layout, container, false); //Do your logic code here return view; } @Override public void onStart() { super.onStart(); mBottomBehavior = BottomSheetBehavior.from((View) view.getParent()); mBottomBehavior.setMaxWidth(ViewGroup.LayoutParams.MATCH_PARENT); mBottomBehavior.setState(BottomSheetBehavior.STATE_EXPANDED); } } => 活动类别代码 Button button = findViewById(R.id.button); button.setOnClickListener(v -> { //To open the bottom sheet, NB. make sure 'BottomSheet' is the name you declared Bottom sheet class BottomSheet bottomSheet = new BottomSheet(); bottomSheet.show(getSupportFragmentManager(), "exampleBottomSheet"); }); 在科特林中： val dialog = BottomSheetDialog(context).apply { setContentView(bottomSheet.root) behavior.maxWidth = ViewGroup.LayoutParams.MATCH_PARENT behavior.state = BottomSheetBehavior.STATE_EXPANDED }

最大化 WPF 不会更新宽度？

最大化窗口时，屏幕的 Width 属性似乎没有更新为完全最大化的宽度。如果我调整它的大小，一切都会正常，但在最大化时则不然。 我的代码是

在chrome 80中设置宽度为auto时，表格的宽度不能大于100%？

当我将宽度设置为自动时； 在chrome 80中，表格的宽度达到100%。 在 chrome 100+ 中，表格的宽度可以大于 100%。 我想知道导致这个问题的原因是什么......

为什么我的页面左侧徽标下方有多余的空白？

我正在尝试弄清楚如何在页面上拉伸包含三列布局的 div 的边框。它向右拉伸正确，但向左侧拉伸不正确。任何人都可以...