Question

<div class="container"><span class="field_label">Job</span><input class="fields2" type="text" maxlength="200" name="first_name" /></div>
    <div class="container"><span class="field_label">Date</span><input class="fields2" type="text" maxlength="200" name="the_date" id="the_date" /></div>
    <div class="container" id="sched_text">sdfdsfdsf</div> <!-- schedule text-->
    <div class="container"><span class="field_label">Time</span>


.container{
position:relative;
display:block;
float:right;
border: 1px solid;
padding-bottom: 10px;
}

我的html / css这里的容器正对齐。但是，当我在jquery中使用.html来更改或添加文本到sched_text时，它会抛出css并将div标记不再作为块放置，而是放在一边。

使用.html文本时有什么变化吗？这样做的正确方法是什么？感谢

好的问题是我的.html或.text不是字符串。我刚做了.text（the_Week [i] [1]）;这导致一个数字。如何将其作为字符串呈现？

Answer 1

我建议通过HTML验证程序运行HTML。有时，HTML验证错误可能会导致意外或意外的行为。即使没有问题，这也是一个好主意，以避免在出现问题时进行二次猜测。

https://addons.mozilla.org/en-US/firefox/addon/249/

如果这不起作用，可以尝试使用.text（）编辑文本而不是.html（）。

Answer 2

如果你需要浮动，请不要使用浮动...而只是将它们放在带有text-align: right的更大容器中：

<div style="text-align: right;">
    <div class="container"><span class="field_label">Job</span><input class="fields2" type="text" maxlength="200" name="first_name" /></div>
    <div class="container"><span class="field_label">Date</span><input class="fields2" type="text" maxlength="200" name="the_date" id="the_date" /></div>
    <div class="container" id="sched_text">sdfdsfdsf</div> <!-- schedule text-->
    <div class="container"><span class="field_label">Time</span></div>
</div>

在jquery.html替换后，我的div标签没有正确对齐

2 个答案: