文本和跨度调整

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测试用例来看，这将迫使内容物而与父宽度与不换行。