Javascript 为什么这个外部调查中的问题是包装？

我尝试过简短的文本答案，但它们仍然换行，而不是与每个单选按钮保持一致。这是小提琴：

完整代码：

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $(".pds-pd-link").hide();
        $(".a2a_dd.pds-share").hide();
      });
    </script>
    <script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6343621.js"></script>
<noscript><a href="http://polldaddy.com/poll/6343621/">New Poll</a></noscript>

$（文档）.ready（函数（）{
$（“.pds-pd-link”）.hide（）；
$（“.a2a_dd.pds share”）.hide（）；
});

使用IE中的开发工具检查后，我发现答案的

标签的
宽度固定为
250px
，因此内容溢出到新行。只需将下面的css样式添加到样式表中，就可以解决您的问题

.pds-input-label{
  width: auto!important
}

工作
更换：

.pds-answer label{
    color: #333;
    font-size: 13px;
    line-height: 150%;
    position: relative;
}

与：

.pds应答标签{
颜色：#333；
字体大小：13px；
线高：150%；
位置：相对位置；
宽度：自动；如果可以避免，请不要使用
！important
，因为它完全消除了任何进一步的可重写性/主题化/蒙皮等的可能性。只需指定
宽度：自动将解决问题。尝试了
宽度：自动
，但没有
！important
，但不起作用。这就是我必须添加
！i重要的
。重点是。你是对的。在这种情况下，内容来自另一个来源，
！重要的
几乎是不可避免的。
.pds-answer label{
    color: #333;
    font-size: 13px;
    line-height: 150%;
    position: relative;
    width: auto; <-- add this
}