文本和跨度調整

Question

我有一個搜索組件，其中包含一個文本和跨度裏面的一個表內的div。當我調整瀏覽器的大小（文本和跨度）包裹成兩行而不是調整大小組件本身。請找到下面的代碼。

<div id = '${lk}'> 
    <table border = "0" id="autocomp" width="100%"> 
     <tr> 
      <td> 
       <div id='${lkId}' class="ui-widget" > 
        <input type="text" id='${lkTxt}' style="float:right" />       

        <span id = '${spanLookup}' style="" class="liveSearchSpanSize ui-state-default ui-icon ui-icon-search liveSearchSpanCorner" 
        onclick="return ></span>      

        <div id = '${ov}' style="border: 0px;display:none;" class= "first" > 
         <table id = '${gt}' border="4" ></table> 
        </div>     

        <div id = '${pg}' > 

        </div> 
       </div>       
      </td> 
     </tr> 
    </table>  
</div> 

Answer 1

嘗試用<nobr>標籤包裹它：

<nobr> 
    <input type="text" id='${lkTxt}' style="float:right" />       
    <span id = '${spanLookup}' style="" class="liveSearchSpanSize ui-state-default ui-icon ui-icon-search liveSearchSpanCorner"></span> 
</nobr> 

從this測試用例來看，這將迫使內容物而與父寬度與不換行。