html
  • css
  • 2011-10-06 24 views 0 likes 
    0
    <div id='imgCaption' style='background-color:grey;padding:5px 20px;color:white;'> 
    </div> 
    <script language="javascript> 
    // lots of codes 
    $('#imgCaption').html(imgCaption + \"<div style='width:87px; float:right; text-align:right;'>\" + nextImgNum + ' of ' + totalNo + \"</div>\"); 
    </script> 
    

    結果並不穩定。Html文本控制(DIV不能識別另一個創建的動態??)

    第一結果

    Some caption text               1 of 11 
    

    第二結果

    Some caption text continuing..................................................... 
    ..                  1 of 11 
    

    第三結果

    Some caption text continuing ............................................... 
                          1 of 11 
    

    第一和2 nd第二個結果是好的,因爲標題文本和索引文本在同一行中。

    第三個結果不正確,因爲它們在不同的行上。並且標題div的背景顏色不包含索引div。

    其結果,該索引不能被周圍看到的所述第三結果..

    任何工作?

    TKZ ..

    回答

    0

    這看起來像一個漂浮的問題,嘗試添加overflow:hidden<div id="imgCaption" />

    相關問題