有时需要在同一行上将某些文本左对齐,而将某些文本右对齐。 例如,在页脚中,您可能希望将版权信息放在左侧,将网站管理员信息放在右侧。 以下是您可能希望使用的 HTML 代码
<div id="textbox">
<p class="alignleft">Text on the left.</p>
<p class="alignright">Text on the right.</p>
</div>
如果您随后分别将 CSS 类 alignleft 和 alignright 的值设置为 text-align: left; 和 text-align: right;,您将接近所需的结果,但由于新段落,您的右对齐文本将向下移一行。 相反,只需将您的段落浮动即可
.alignleft {
float: left;
}
.alignright {
float: right;
}
然后只需记住清除浮动
<div style="clear: both;"></div>
您能否将“左侧文本,然后右侧文本”的代码放置在现有的表格中? 如果可以,代码在表格中的哪个位置? 我需要获取多行才能执行此操作。 谢谢。
不清楚该怎么做。 要编辑什么。
更多示例应该很好,或者此处提供更多信息。(关于对齐对象和需要编辑的 css 文件)
我知道我来晚了,但这确实有效,这正是我正在寻找的提示! 非常感谢! :)
这是一个简化的方法
<div>
<p style=”float: left”>左侧文本。</p>
<p style=”float: right”>右侧文本。</p>
</div>
此致,
Mihai
这很棒。 我对浮动元素的唯一问题是,我失去了父元素的高度,因为浮动会将元素从正常流中移除。
例如,查看 此 jsbin。 浮动元素失去了其背景颜色,因为包含的 div 的高度实际上为零。
我可以指定一个特定高度作为解决方法,但这感觉很脏,当然,当我更改 HTML 时,我必须手动更新高度。
有什么想法吗?
您正在寻找的是在以下元素上清除。
例如“clear: both”。 或者,您可以通过添加“overflow: hidden; width: 100%”来自我清除高度丢失的元素,这将导致重新计算其内容,并且它将看到其所有浮动内容的正确高度。 宽度对于 IE6 以及可能 7/8 的工作是必需的。 它不必是 100%,但需要是某个值。
谢谢! 正是我需要的。 效果很好。
我是一名办公室助理,公司网站的工作也属于我的工作范围。 我在这方面有一点点经验,但大多数时候我都会搜索我想要做的代码。 我需要在页面顶部居中显示字体和图片。 所以我使用了这个
div {
text-align: center;
}
它就像魅力一样! 问题是,一旦居中,页面底部左对齐的文本也居中了。 我尝试了所有方法,包括这个,但我似乎无法阻止它居中,有什么想法吗?