解决因div导致的换行问题

r囧r小猫 2024-04-19 15:22 29阅读 0赞

<div class="btn-group" style="cursor: move;margin: 3px 3px;">
    	<div  style="">
    	<button type="button" class="btn btn-sm" title="{
       {param.title}}" ng-class="{true:'btn-primary',false:'btn-default'}[param.values.length>0]" ng-click="applyOptionsParam()">
            {
       {param.name}}
        </button>
    	<div class="btn" style="">
    	<select class="btn-sm selectsOption" ng-model="param.selectItems">
    		<option ng-repeat="v in param.selects"
    				style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" title="{
       {v}}"
    				value="{
       {v}}"
    				ng-click="selectOption(v)">{
       {v}}
    		</option>
    	</select>
        </div>
    	</div>
    </div>

上面代码显示的效果如下：

![20190919150339911.png][]

即自动换行了，知识因为div是自动默认换行的，上面代码修改为

<div class="btn-group" style="cursor: move;margin: 3px 3px;display: inline-block;float:left;">
    	<div  style="display: inline-block;float:right;">
    	<button type="button" class="btn btn-sm" title="{
       {param.title}}" ng-class="{true:'btn-primary',false:'btn-default'}[param.values.length>0]" ng-click="applyOptionsParam()">
            {
       {param.name}}
        </button>
    	<div class="btn" style="display: inline-block;float:right;">
    	<select class="btn-sm selectsOption" ng-model="param.selectItems">
    		<option ng-repeat="v in param.selects"
    				style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" title="{
       {v}}"
    				value="{
       {v}}"
    				ng-click="selectOption(v)">{
       {v}}
    		</option>
    	</select>
        </div>
    	</div>
    </div>

[20190919150339911.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/9483e3fd63324a6fb0874937071d5952.png