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测试用例判断，无论父宽度如何，这都会强制内容不会换行。

文本和跨度调整大小

1 个答案: