2

我正在使用下面的代码

​<div align="left">
Line 1
</div>
<div align="right">
Line 2
</div>

我期望在同一行Line 1的左侧和Line2右侧输出，但是我在两行中得到输出。我怎样才能在一行中得到这个？

jsfiddle

4

3 回答 3

2 
<div style="float: left">Line 1</div>
<div style="text-align: right">Line 2</div>
于 2012-07-14T19:04:07.220 回答
2

我假设你是 HTML/CSS 的新手，所以我建议你阅读一些关于样式如何工作的初学者教程。

默认情况下，div 元素设置为“显示：块”，因此您看到的是预期的行为。第一个 div 的宽度占据了父元素的整个宽度，因此当第二个 div 被渲染时，它会下降到下面的行（因为它不再适合第一个 div 的“旁边”。

正如其他答案所指出的，您希望将样式设置为向左或向右浮动（元素的宽度将相应改变）。

这是新的小提琴：http: //jsfiddle.net/7zqJY/3/ ​</p>

于 2012-07-14T19:15:05.910 回答
0 
<div style="float:left; width:100px;">
  Line 1
</div>
<div style="float:left; width:100px;">
  Line 2
</div>
​
于 2012-07-14T19:05:44.423 回答