替换jquery.html后,我的div标记没有正确对齐 作业 日期 sdfdsfdsf 时间 .集装箱{ 位置:相对位置; 显示:块; 浮动:对; 边框:1px实心; 垫底:10px; }

替换jquery.html后,我的div标记没有正确对齐 作业 日期 sdfdsfdsf 时间 .集装箱{ 位置:相对位置; 显示:块; 浮动:对; 边框:1px实心; 垫底:10px; },jquery,html,css,Jquery,Html,Css,这里我的html/css使我的容器在彼此的正下方对齐。然而,当我在jquery中使用.html来更改或向sched_文本中添加文本时,它会丢弃css并将div标记不再作为块放置,而是放在旁边的某个位置 使用.html文本时是否会发生变化?正确的做法是什么?谢谢 好的,问题是my.html或.text不是字符串。我就是这么做的;这就产生了一个数字。如何将其表示为字符串?我建议通过HTML验证程序运行HTML。有时HTML验证错误会导致不必要或意外的行为。即使没有问题,这始终是一个好主意,以避免在出

这里我的html/css使我的容器在彼此的正下方对齐。然而,当我在jquery中使用.html来更改或向sched_文本中添加文本时,它会丢弃css并将div标记不再作为块放置,而是放在旁边的某个位置

使用.html文本时是否会发生变化?正确的做法是什么?谢谢


好的,问题是my.html或.text不是字符串。我就是这么做的;这就产生了一个数字。如何将其表示为字符串?

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


如果不起作用,可以尝试使用.text()来编辑文本,而不是.html()。

如果需要一个接一个地编辑文本,请不要使用float。。相反,只需将它们放在带有
文本对齐: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>


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

工作
日期
sdfdsfdsf
时间

您在Firebug或Chrome的inspector中看到了什么?类和id是否绑定到元素?是的。这是SDF应该在的地方。除了文本外,没有任何内容发生变化。如果是javascript代码导致了这种情况,则应将其包含在问题中。还要注意,最后一个
未关闭。可能是复制/粘贴错误?您的代码(带有正确的结束标记)。它工作正常。请使用反映您的问题的示例进行更新。代码中似乎确实存在验证问题!:)
<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>