JavaFX Text Double Underline Spacing
我在JavaFX应用程序中有一个标签,我也需要应用一个双下划线。我知道这不可能与一个基本属性有关,但是我已经将下面的CSS应用到标签上,这使标签具有双下划线的"效果"
1 2 3 4 5 | .double-underline { -fx-border-color: #FFFFFF; -fx-border-width: 0 0 1 0; -fx-underline: true; } |
现在这确实给了我想要的效果,但是如果可能的话,我需要增加文本和实际下划线之间的间距。我该怎么做?
如果我可以应用"双"边框样式,这会更容易,但我不知道
这是现在的样子
我也想要看起来更像这个
提前谢谢
您可以使用CSS调整边框的位置:
1 2 3 4 5 6 7 | .double-underline { -fx-border-color: black; -fx-border-width: 0 0 1 0; -fx-underline: true; -fx-padding: 0 0 -1 0; } |
编辑:正如乌鲁克·比伊所说,上面的代码片段将把边框连接到实际的下划线上。因此,这将满足您的需求:
1 2 3 4 5 | .double-underline { -fx-border-color: black, transparent, black; -fx-border-width: 0 0 1 0, 0 0 1 0, 0 0 1 0; -fx-border-insets: 0 0 1 0, 0 0 2 0, 0 0 3 0; } |
不要使用带下划线的标签,而是配置一个双边框,只需播放插页。