Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何重新定位div_Javascript_Jquery_Css - Fatal编程技术网

Javascript 如何重新定位div

Javascript 如何重新定位div,javascript,jquery,css,Javascript,Jquery,Css,如何将按钮投票与此屏幕截图所示的查看结果对齐: 在这把小提琴中,他们在彼此下面出现: 我想我需要隐藏css类:'.pds links',然后以某种方式在新位置重新显示它 小提琴背后的代码: .pds-question-top { font-size:10pt !important; padding-top:1px !important; padding-bottom:1px !important; margin-top:1px !important; margin-bottom:1px !imp

如何将按钮投票与此屏幕截图所示的查看结果对齐:

在这把小提琴中,他们在彼此下面出现:

我想我需要隐藏css类:'.pds links',然后以某种方式在新位置重新显示它

小提琴背后的代码:

.pds-question-top {
font-size:10pt !important;
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
}

.pds-pd-link {
display:none !important;
}

.pds-box {
width:220px !important;
}

.pds-input-label {
width:85% !important;
}

.PDS_Poll {
margin-bottom:15px;
}

.pds-answer-span {
color:#00f;
}

.pds-vote {
background-color:#424242;
}

.pds-answer-text {
color:#00f;
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
}

.pds-answer-feedback {
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
}

.pds-votebutton-outer {
text-align:center;
}

.pds-answer-group {
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
height:auto;
overflow:hidden;
}

.pds-input-label,.pds-answer-input {
float:left;
}

.pds-view-results,.pds-links {
color:#FFF !important;
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
}

.pds-comments,.pds-return-poll {
color:#FFF !important;
}

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script>
<noscript><a href="http://polldaddy.com/poll/6352993/">This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............</a></noscript>

$(document).ready(function() {


});

您只需使votebutton浮动:左

因此,添加以下类:

 .pds-vote-button
 {
    float: left;
 }
显然,你也可以在这里调整边距

此小提琴显示新版本:


您只需使votebutton浮动:左

因此,添加以下类:

 .pds-vote-button
 {
    float: left;
 }
显然,你也可以在这里调整边距

此小提琴显示新版本:


只需使.pds链接显示为内联而不是块


只需使.pds链接显示为内联而不是块

像这样的? 它把按钮放在左边,留有一些空白,使它看起来更舒服

像这样的?
它将按钮放在左边,留有一些空白,以使其更容易看到…

.pds links{删除显示:块…这可以对齐按钮vote只需添加float:left mate..无需删除显示:块;您应该尝试使用!重要标签=>。pds links{remove display:block…这可以对齐按钮vote只需添加float:left mate..无需删除display:block;您应该尝试使用!Important less一篇关于!Important标记的文章=>