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中的开发人员工具进行检查后，我发现答案的label具有固定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">标记内

为什么这个外部民意调查的问题包装好了？

2 个答案: