Question

我希望并排显示图像和文字（左侧图像和右侧文字（使用时订购）。

我在visual studio的.html页面中实现了这个目标

对于图像div，我提供了float: left，对于文本div，我提供了float:right

我希望通过将html页面代码传递给字符串变量并在WebBrowser中显示输出来实现相同目的。

例如：

string html= @"<div style=""float:left"">
        <img src=""smiley.jpg"" alt=""smiley"" />
        <div style=""float:right;font-family:Calibri"">
            <h2>Dispalying Image and text</h2>           
        </div>
    </div>"

webBrowser1.DocumentText = html;

但是在这里，图像和文本并不是并排显示，而是在下一行显示文本。浮动：右边没有按预期工作。如何解决这个问题？

Answer 1

<img>是内联元素，<div>和<h2>是块元素，您将两者混合在一起。而且，您不能将“float”设置为内联元素。

也许你可以试着把img放进去，就像这样：

<div>
    <div style=""font-family:Calibri"">
        <h2>
            <img src=""smiley.jpg"" alt=""smiley""/>
            Dispalying Image and text
        </h2>
    </div>
</div>

这个问题与此问题略有不同，但它非常简单，没有任何其他样式。

Answer 2

你可以这样做：

＆＃13;

1Filter

＆＃13;

Answer 3

好吧，如果你想把你的图像放在左边而文本放在右边你做得很好，只需将float:left样式分配给图像而不是主块，如：

string html= @"<div>
        <img src=""smiley.jpg"" alt=""smiley"" style=""float:left""/>
        <div style=""float:left;font-family:Calibri"">
            <h2>Displaying Image and text</h2>           
        </div>
    </div>"

Answer 4

我通过将图像放在一个div和一个div中的文本以及一个div中的div中得到了预期的输出。有效：）像，

 com.google.gson.JsonSyntaxException: java.lang.IllegalStateException: Expected BEGIN_OBJECT but was STRING at line 1 column 1 path $

Answer 5

您可以使用表格。

<table>
    <tr>
        <td> <img src="smiley.jpg" alt="smiley"/> </td>
        <td> Displaying Image and text </td>
    </tr>
</table>

无法使用float并排显示图像和文本

5 个答案: