时间戳

首页 > 解决方案 > css错误显示inline-table

css - css错误显示inline-table

问题描述

我正在尝试使用库引导选择器，但我遇到了包含“显示内联表”的类输入组的问题。所选单词超出输入字段。我想保留这个类而不修改“显示内联表”

我在孩子身上尝试了一些显示首字母或块，但它不起作用。

没有类“输入组”

没有输入组类

使用“输入组”类但字段增长

带输入组类

谢谢帮助。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/css/bootstrap-select.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/js/bootstrap-select.min.js"></script>
<div class="container">
  <div class="col-sm-12 col-md-2">
    <div class="panel" id="liste_diffusion">
      <label> test </label>
      <div class="input-group">
        <select class="selectpicker" data-style="btn-primary" multiple>
          <option>PHP PHP PHP PHP PHP PHP PHP PHP</option>
          <option>CSS CSS CSS CSS CSS CSS CSS CSS CSS </option>
          <option>HTML HTML HTML HTML HTML HTML </option>
        </select>
      </div>
    </div>
  </div>
</div>

标签： csstwitter-bootstrap-3html-select

解决方案

我添加信息来解决问题：

最大宽度 70% 发生了什么： 

.bootstrap-select{
      max-width: 70%;
    }

没有选定的元素：

最大宽度 70%

随着选定元素领域的不断增长：

最大宽度 70%

我不能将 px 用于响应大小。

推荐阅读