Php 带有大文本选择的HTML下拉列表与页面对齐

我目前有很多html下拉列表，除了一个有大文本选择的列表外，它们都可以正常工作。当前，选择此特定下拉列表时，列表将与网页左侧对齐。理想情况下，我希望下拉列表显示在页面中央。是否有一个特定的CSS样式允许这样做？干杯

下图显示了这方面的一个示例。列表后面的条目非常大，因此列表如此之宽

---

您可以尝试css选项选择器，然后应用样式

select, option { max-width: 100px; }

或

---

我认为您需要将PHP中的字符串剪切到字符的限制

在此期间：

 <option value="<?php echo $line['Contracted Support Hours'];?>"> 
         <?php echo ((strlen($line['Contracted Support Hours']) > 150) ?
               substr($line['Contracted Support Hours'], 0, 150)."..." : 
               $line['Contracted Support Hours']);?> 
 </option>

它是如何工作的

---

检查字符串是否超过150个字符，如果为真，则将字符串减少150个字符并添加省略号。

您可以发布您的HTML下拉列表吗？下拉列表由php生成，这并不是说它应该有多大的不同。下拉列表是否因为内容过宽而变宽？不幸的是，下拉列表是由浏览器chrome处理的。每个浏览器的处理方式都略有不同，有些会超宽，有些可能会在中间或末端截断。您的两个可靠选项是以编程方式将值裁剪为特定的最大长度，或覆盖“选择”以显示您自己的下拉列表，这将让您对UI有更多的控制。您好，这似乎只是调整了下拉列表选择框的大小，而不是它实际显示的选项框的大小。

select, option { width: [//Your custom]; }

 <option value="<?php echo $line['Contracted Support Hours'];?>"> 
         <?php echo ((strlen($line['Contracted Support Hours']) > 150) ?
               substr($line['Contracted Support Hours'], 0, 150)."..." : 
               $line['Contracted Support Hours']);?> 
 </option>