0

是否可以在此小提琴中对齐跨度“标题”：http: //jsfiddle.net/25LjE/37/到文本右侧，如图所示：

在此处输入图像描述

我正在使用 jquery 创建标题。

这是小提琴代码：

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

.pds-pd-link {
display: none !important;
}
.pds-box {
    width: 220px !important;
}
.pds-input-label{
    width: auto! important;
}
.PDS_Poll{
    margin-bottom:15px;
}
$(document).ready(function() {

    $('.pds-question-inner').prepend('<center><span style="color:red;font-weight:bold;font-size: 10pt"><u>Header</u></span></center>');
});

当我在 IE8 中尝试提出的解决方案时，文本略高于其余文本：

在此处输入图像描述

这可以解决吗？

4

6 回答 6

1

您可以通过将两个元素都包装在一个向左浮动的 div 中来做到这一点，然后您可以追加而不是预先添加标题。

<div class="floatLeft">Your two elements</div>

<style>
.floatLeft {
    float: left;
    display: inline-block;
}
</style>

您可能还想在元素上设置宽度和填充/边距，以便它们按需要出现。如果您希望标题向右移动，则可以将其浮动到右侧而不是左侧。如果您这样做，请坚持使用前置，因为如果正确的浮动元素不是系列中的第一个，某些版本的 IE 会搞砸浮动。

于 2012-07-05T13:09:51.053 回答
1

我不清楚您要达到什么目的，但是添加此 CSS 似乎可以完成此操作：

center span{
    position:relative;
    top:30px;
    left:-70px;
}
于 2012-07-05T13:08:15.797 回答
0

我想这就是你想要的？ 

$('.pds-question-inner').prepend('<center><span style="color:red;font-weight:bold;font-size: 10pt; text-align: right; display: block;"><u>Header</u></span></center>');

http://jsfiddle.net/84fjB/

如果不是这样，看起来会更好：P

于 2012-07-05T13:10:39.377 回答
0

您可以添加float: left到跨度（并清理您的 HTML）。

你可以检查这个：http: //jsfiddle.net/ooflorent/zvbzT/

于 2012-07-05T13:11:15.277 回答
0

你只需要float:left添加

<span style="color:red;font-weight:bold;font-size: 10pt;float:left"><u>Header</u></span>

检查这个：

JSFiddle

于 2012-07-05T13:08:32.650 回答
0

在小提琴中查看此代码我已对其进行了编辑http://jsfiddle.net/25LjE/46/

于 2012-07-05T13:08:35.513 回答