Html Select标记正在分解一个单词

我在网页中有一个表单，一个select标记不恰当地将其中的文本拆分为以下内容：

<select name="your-Detalle" 
        class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" 
        aria-required="true" 
        aria-invalid="false">
  <option value="">---</option>
  <option value="Operaciones con Tarjeta de Débito">
    Operaciones con Tarjeta de Débito
  </option>
  <option value="Operaciones con Tarjeta de Crédito">
    Operaciones con Tarjeta de Crédito
  </option>
  <option value="Operaciones de Internet Banking">
    Operaciones de Internet Banking
  </option>
</select>

出于某种原因，它正在中断“银行业”的工作。我曾尝试使用de-CSS属性

word break:keep all

来防止这种情况，但它没有任何作用

HTML和CSS如下所示：

<select name="your-Detalle" 
        class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" 
        aria-required="true" 
        aria-invalid="false">
  <option value="">---</option>
  <option value="Operaciones con Tarjeta de Débito">
    Operaciones con Tarjeta de Débito
  </option>
  <option value="Operaciones con Tarjeta de Crédito">
    Operaciones con Tarjeta de Crédito
  </option>
  <option value="Operaciones de Internet Banking">
    Operaciones de Internet Banking
  </option>
</select>

我不确定是否相关，但整个表格是在WordPress中完成的，带有联系表格7

编辑

如果添加属性

空白：nowrap它吞下溢出：
尝试将空白属性添加到
选择
CSS类：

select {
    /*... other properties ...*/
    white-space: nowrap;
}

尝试将空白属性添加到
select
CSS类：

select {
    /*... other properties ...*/
    white-space: nowrap;
}

我不确定您的容器
select
的固定宽度为200px有多重要，但这会导致文本行中断。您可以使用两种解决方案：

将
width:200px
更改为
minwidth:200px
，这将扩展到选择框选项中文本的宽度

将
wordbreak:break-word
和
hyphens:auto
属性添加到CSS中。。。这可能会有所帮助，但肯定不会像我在选项1上写的那样好

我不确定您的容器
select
的固定宽度为200px有多重要，但这会导致文本行中断。您可以使用两种解决方案：

将
width:200px
更改为
minwidth:200px
，这将扩展到选择框选项中文本的宽度

将
wordbreak:break-word
和
hyphens:auto
属性添加到CSS中。。。这可能会有所帮助，但肯定不会像我在选项1上写的那样好

它吞下溢出的水。我将编辑一个帖子和一个图片。如果可以，请共享URL@DavidPrietoSorry，我不能@CreativePsIt吞下溢出的内容。我将编辑一个帖子图片。如果可以，请共享URL@DavidPrietoSorry，我不能@CreativePsIs the
200px
宽度可变？如果不想让它中断，您需要使用
空白：nowrap
。但这将隐藏长文本。没有其他方法可以显示选择框中的所有文本，而不使选择框变宽。是的，这是因为您的输入字段具有固定的宽度。如果您尝试分词，那么您应该理解，由于元素的宽度，单词库不适合其父容器。在分词属性中使用连字符也是一个好主意，如下所示：
200px
宽度是否可以更改？如果不想让它中断，您需要使用
空白：nowrap
。但这将隐藏长文本。没有其他方法可以显示选择框中的所有文本，而不使选择框变宽。是的，这是因为您的输入字段具有固定的宽度。如果您尝试分词，那么您应该理解，由于元素的宽度，单词库不适合其父容器。在分词属性中使用连字符也是一个好主意，如下所示：