javascript - 为什么这个外部民意调查的问题都结束了？

Question

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

完整代码：

    <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>

Answer 1

在使用 IE 中的开发人员工具检查后，我发现labelfor 答案是固定width的250px，因此内容溢出到新行。只需将以下 css 样式添加到您的样式表中，它应该可以解决您的问题。

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

工作JSFiddle

Answer 2

代替：

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

和：

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

<style type="text/css" id="poll_style6343621">标签内