border 相关问题

我有一个表格，其中一些单元格被旋转例如：我有一个表格，其中一些单元格是旋转的例如： <th rowspan="13" style="border-bottom: solid 1px #000000; writing-mode: vertical-rl; transform: rotate(-180deg); padding-left: 10px; padding-right: 5px; font-weight: normal; font-size: 0.9em; background-color: #fff7e6;">Radial</th> 表格格式如下： <table style="border-top: solid 1px #000000; border-bottom: solid 1px #000000; border-collapse: collapse; max-width: 90%; margin-left: auto; margin-right: auto; margin-top: 4vh; margin-bottom: 6vh; text-align: center; font-family: 'Calibri', sanserif;"> 行没有格式背景颜色 - 仅在这些旋转的单元格中 - 将重叠并覆盖边界线，如 border-bottom: solid 1px #000000; 在 Firefox 中，重叠位于旋转单元格的底部边框上在 Edge 中，重叠位于顶部相邻单元格的底部边界 - 是否旋转在 Chrome 中，问题不存在 Overlap size = 1px only (if border thickness set to 2px, 1px become visible) 我读过不同的古老讨论，关于如何克服未旋转单元格的类似错误，比如使用背景剪辑属性但是没有一个解决方案在这里起作用有人知道吗？谢谢

border background-color overlap

回答 0 投票 0

伪类或伪元素

我有一个类为 .parent-div 的 div 元素。它有一个 1px 厚和 608px 宽的 border-bottom。 div 本身是 600px 宽。我需要让最后 20% 的边框底部不同

css border pseudo-element pseudo-class

回答 1 投票 0

如何修复文字溢出屏幕？ [重复]

我有一个边框（粉红色）覆盖了屏幕的两侧，但是当文本太长时，它会超出边框。我希望边框固定，我可以在该边框内向下或向上移动文本...

html css border

回答 1 投票 0

JavaFX 从窗格中删除填充/边距/边框

我似乎无法删除此 GridPane 的左右边框。见下图。左右边框我的 FXML 文件是我似乎无法删除此 GridPane 的左右边框。见下图。我的 FXML 文件是 <?xml version="1.0" encoding="UTF-8"?> <?import java.lang.*?> <?import java.util.*?> <?import javafx.scene.*?> <?import javafx.scene.control.*?> <?import javafx.scene.layout.*?> <GridPane alignment="CENTER" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="800.0" style="-fx-box-border: transparent;" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8"> <padding> <javafx.geometry.Insets top="0" right="0" left="0" bottom="0"/> </padding> <columnConstraints> <ColumnConstraints percentWidth="33.0" /> <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="33.0" prefWidth="100.0" /> <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="33.0" prefWidth="100.0" /> </columnConstraints> <rowConstraints> <RowConstraints minHeight="10.0" percentHeight="33.0" prefHeight="30.0" vgrow="SOMETIMES" /> <RowConstraints minHeight="10.0" percentHeight="33.0" prefHeight="30.0" vgrow="SOMETIMES" /> <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" /> </rowConstraints> <children> <StackPane prefHeight="150.0" prefWidth="200.0" style="-fx-background-color: red;" /> <StackPane prefHeight="150.0" prefWidth="200.0" style="-fx-background-color: red;" GridPane.columnIndex="2" GridPane.rowIndex="1" /> </children> </GridPane> 如您所见，我已经尝试将 insets 设置为 0，并使边框透明，但这不起作用。您的问题很简单 - 您的列设置了 percentWidth，但总百分比加起来为 99%，而不是 100%。要么将所有百分比更改为 33.33...，要么将其中一个更改为 34%，而其他两个保持 33%。我知道这么久了，但更好的方法可能是在每列中将 percentWidth 设置为 100。文档说明：请注意，如果 widthPercent（或 heightPercent）值的总和大于 100，则这些值将被视为权重。例如如果 3 列每列的 widthPercent 均为 50，则每列将分配网格窗格可用宽度的 1/3 (50/(50+50+50))。设置为 100 将确保在任意数量的列中它们都具有相同的宽度。

css javafx border margin padding

回答 2 投票 0

我正在使用颤振。阴影效果好难看

我正在 Flutter 中制作一个文件夹形状的容器组件。我正在使用下面的代码创建一个文件夹形状的容器并给它一个阴影效果。（我从 Stack Overflow 得到了一些帮助。）我要……

flutter dart border shadow dropshadow

回答 2 投票 0

HTML 表列标题中没有分割线，为什么？

我正在为我的网站使用 WordPress。我为包括 table、tr、td 在内的元素设置 CSS，以便它显示单元格行。然而，最终结果显示，所有其他细胞系都可以，除了...

html css header border

回答 1 投票 0

创建一条 2 像素高的水平线 - 有 2 种不同的颜色

我想创建一条 2 px 高的水平线的效果。本质上是夹在一起的两条单像素高度线。每条线都是不同的颜色。所以第一行 (s...