Javascript 对齐<；td>；及<；部门>；在同一条线上

我有一个表，其中设置了一个

以显示

div#time2

，该表由数据库[LastBuild]中的时间填充。下面是一段包含

div#time

，其中填充了当前时间。我的问题是

#time2

和[LastBuild]不在同一行上对齐；[LastBuild]如下所示

#time2

。我需要这两个在同一行（第二部分后的段落已经做了我想要的）

---

删除带有两个div的标签b/w，因为p是导致换行符中断的原因

<Td style="float:right;background-color:#000000;color:FFFF00; width:235px; text-align:right; font-size:10;"><div id="time2"></div> [LastBuild] **<p>** <div id="time" align="right" style="background-color:#000000;color:FFFF00;"></div></td>

[LastBuild]**

#time2

，一个

div

，默认为

display:block

，这会导致它后面的任何内容在换行后显示。要解决此问题，请使用此CSS（除了此元素已有的CSS之外）：

我忘了IE的旧版本。最后两行应该会处理好它；请参阅以获取解释

在我对你的问题发表评论之后，我创造了我认为你的意图。我换了一些标签。表实际上是用于表格数据的，因此div在这种情况下似乎更合适。我在评论中解释了我所做的所有CSS更改。如果您愿意，请随意使用它！如果合适的话，会干净得多

---

更新：IE 5.5+支持

inline block

（我相信它被称为IE 6）。

您可能需要提供

time2

属性

display:inline block

。如果这不起作用，请给

td

一个更大的宽度。另外，我将从

td

中删除

float:right

。如果您需要表格向右浮动，请浮动表格-而不是表格的一部分。@特洛伊木马程序将表格的一部分向右浮动，另一部分向左浮动。让我发布整个表格，以便您查看。但是你的权利可能不需要它。@特洛伊木马你应该发布内联块作为你的答案。我很高兴我能帮上忙。您还需要将三个

FFFF00

s更改为

#FFFF00

。在剩下的代码中，浮动实际上改变了您设置的维度：最左边的div被截去一些宽度，而最右边的div被截去一些高度。删除每个标签上的浮动可以解决这个问题；虽然标记不区分大小写（即HTML），但它更易于阅读，并且符合W3C的建议。在JavaScript中，您不应该依赖ASI（自动分号插入），因为它可能会导致一些非常恼人的问题。你所需要做的就是用分号结束每个语句。但是

display:inline block

在早期版本的Internet Explorer中不起作用。我可以将所有3个都放在样式中吗？只有当你需要支持IE 6和7时才可以（但它不会影响任何其他浏览器）。如果没有，就第一个。看看我刚刚发布的链接。我认为这应该是你想要的，如果是的话，它更适合这个任务。@特洛伊木马我很困惑，你是如何创建div的，只是为了显示所有的文本。我只用过桌子？有助于学习HTML元素。文本几乎可以包含在任何元素中。在我看来，表格使布局难以更改（特别是当它不是带有标签和值的数据时）。将所有CSS放在扩展名为“CSS”的文件中（例如，“style.CSS”）。然后在HTML的

部分，将其链接到

（将“style.css”更改为您选择的文件名）。要居中放置#容器：

margin:auto

。我用这个更新了这个例子，我想在的地方休息一下，我需要之后的所有东西都放在下面，不过谢谢。

var mydate=new Date();
var year=mydate.getYear();
if (year < 1000) year+=1900;
var day=mydate.getDay();
var month=mydate.getMonth();
var daym=mydate.getDate();
if (daym<10) daym="0"+daym;
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var montharray=new Array("1","2","3","4","5","6","7","8","9","10","11","12");
var date=new Date();
var hours=date.getHours();
var minutes=date.getMinutes();
var ampm = hours >= 12 ? 'PM' : 'AM';
hours = hours % 12;
hours = hours ? hours : 12;
minutes = minutes < 10 ? '0'+minutes : minutes;
var s=date.getSeconds();
s = s < 10 ? '0'+s : s;
var Time = "Current Time:  ";
var Text = "Last Update:  ";

document.getElementById('time').innerHTML =Time+" "+dayarray[day]+" "+montharray[month]+"/"+daym+"/"+year+" "+hours+":"+minutes+":"+s+" "+ampm; 
document.getElementById('time2').innerHTML =Text+" "+dayarray[day];

<Td style="float:right;background-color:#000000;color:FFFF00; width:235px; text-align:right; font-size:10;"><div id="time2"></div> [LastBuild] **<p>** <div id="time" align="right" style="background-color:#000000;color:FFFF00;"></div></td>

#time2 {
    display:inline-block;
    *display:inline;
    zoom:1;
}