Question

我有一个HTML文件，我正在加载到JTextPane中，其中包含两个我想并排显示的DIV（使用CSS float）。无论我尝试什么，都行不通。 instructions元素始终显示在title元素下方。我也试过调整宽度。 JTextPane不支持此CSS属性 - 我必须使用表吗？该文件在Safari中正确显示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <style type="text/css">
            @font-face {
                font-family: Mentone;
                src: local(Mentone),
                    url(Mentone.otf) format("opentype"),
            }

            div#container { width: 95%; margin: 0px auto; }
            div#title { font-family: Mentone; font-size: 108px; width: 200px; margin: 100px 15px 0 15px; float: left; }
            div#instructions { font-family: Mentone; font-size: 130%; width: 300px; margin: 100px 15px 0 15px; color: #dddddd; }
        </style>
        <title>Welcome</title>
    </head>
    <body>
        <div id="container">
            <div id="title">my app</div>
            <div id="instructions">Instructions go here.</div>
        </div>
    </body>
</html>

Answer 1

Swing中的HTML支持最多只支持HTML3.2。所以你很可能不支持你想做的事。

包含我想要的两个DIV 并排显示（使用CSS浮动）。

如果您控制HTML，请尝试并排显示两个单独的JTextPanes，每个JTextPanes包含单独的HTML。两个文本窗格都可以添加到面板中，面板会添加到滚动窗格中，以便它们同步滚动。

在JTextPane中浮动DIV

1 个答案: