0

我想在图像右侧显示的 div 中有一些文本。我希望文本环绕图像并在到达图像末尾后与页面左侧对齐。使用一个小的 jquery 脚本来切换 div 的可见性。问题在于，当切换可见性时，文本在到达图像底部后不再扩展到页面的左边距 - 而是继续，就好像图像是左边距一样。html 基本上是这样的：

<html>
   <image float:left>
   <div id="toggleMe">lots of text here</div>
</html>

注意这两点：这个问题在firefox中不会发生，只有IE（未经其他浏览器测试）。此外，如果图像的可见性未切换，则它在 IE 中可以正常工作。

这是代码：

<script type="text/javascript">
$(loadStuff);

function loadStuff() {
    $("#divWorkExperience").hide();


    $("#btnShowWorkExp").click(function () {
        $("#divWorkExperience").toggle("slow");
        return false;
    });

剪断

<div style="text-align:justify;">

   <img src="ContentImages/highres_22409206.jpg" style="height:300px;width:400px;float:left;clear:none; margin-right:6px;" alt="me" />
   <div id="divWorkExperience" style="display:block; clear:none;">lots of text</div>
</div>
4

2 回答 2

0

像往常一样，我必须先发布问题，然后才能找到答案。我不明白为什么会这样，但确实如此：

function loadStuff() {
    $("#divWorkExperience").hide();


    $("#btnShowWorkExp").click(function () {
        if ($.browser.msie) {
            $("#divWorkExperience").toggle();
        } else {
            $("#divWorkExperience").toggle("slow");
        }
        return false;
    });
于 2012-11-10T20:17:14.723 回答
0

这就是你所需要的。将 align:left 作为图像属性。使用跨度而不是 div

<body>
    <img align="left" src="" style="height:300px; width:400px; margin-right:6px;" alt="me" />
    <span>Your long text here</span>
</body>
于 2012-11-10T20:17:26.683 回答