如何为JavaFX WebView添加内边距（非Android平台）

WebView本身没有setPadding()方法，你可以通过以下两种方案实现类似Label的内边距效果：

方案一：用容器包裹WebView #

通过一个容器（比如StackPane或Pane）包裹WebView，给容器设置内边距，再将WebView的尺寸绑定到容器的可用空间：

// 创建用于包裹的容器
StackPane webContainer = new StackPane();
// 设置四边内边距（上、右、下、左）
webContainer.setPadding(new Insets(10, 15, 10, 15));

// 初始化WebView
WebView webView = new WebView();
webContainer.getChildren().add(webView);

// 绑定WebView的尺寸到容器的可用空间（减去内边距）
webView.fitWidthProperty().bind(
    webContainer.widthProperty().subtract(
        webContainer.getPadding().getLeft() + webContainer.getPadding().getRight()
    )
);
webView.fitHeightProperty().bind(
    webContainer.heightProperty().subtract(
        webContainer.getPadding().getTop() + webContainer.getPadding().getBottom()
    )
);

// 将容器放入BorderPane
BorderPane borderPane = new BorderPane();
borderPane.setCenter(webContainer);

这种方式是在组件层面实现内边距，WebView的实际显示区域会被容器的内边距压缩，网页内容会充满这个压缩后的区域。

方案二：给网页内容添加内边距 #

如果可以控制WebView加载的网页内容，直接通过HTML/CSS给页面设置内边距：

直接修改HTML #

在HTML的样式中设置body的内边距：

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            padding: 10px 15px; /* 对应四边内边距 */
            margin: 0; /* 清除浏览器默认的margin */
        }
    </style>
</head>
<body>
    <!-- 网页内容 -->
</body>
</html>

通过Java代码注入样式 #

如果无法直接修改HTML，可以通过WebEngine动态注入CSS：

WebEngine webEngine = webView.getEngine();
// 监听文档加载完成事件
webEngine.documentProperty().addListener((observable, oldDoc, newDoc) -> {
    if (newDoc != null) {
        Element styleElement = newDoc.createElement("style");
        styleElement.setTextContent("body { padding: 10px 15px; margin: 0; }");
        newDoc.getElementsByTagName("head").item(0).appendChild(styleElement);
    }
});

这种方式是让网页内容本身向内缩进，WebView依然占满容器空间，适合需要保持WebView整体尺寸不变的场景。

内容的提问来源于stack exchange，提问作者GregGott