HTML 一行中 如何实现左对齐,右对齐和居中对齐

HTML 一行中 如何实现左对齐,右对齐和居中对齐,第1张

你这个问题有点...不知道你到底什么有意思!

css文本对齐:text-align一共有5个属性:

text-align:left 文本排列到左边。

text-align:right 文本排列到右边。

text-align:center 文本排列到中间。

text-align:justify 实现两端对齐文本效果。

text-align:inherit 从父元素继承 text-align 属性的值(IE不支持该属性)

如果是div元素的话那么就是用浮动:

.div1{ display:inlinefloatleft}

.div2{ display:inlinefloatleft}

.div3{ display:inlinefloatright}

<div class="div1"></div>

<div class="div2"></div>

<div class="div3"></div>

那么着三个div会排列在同一行。

其实方法很简单,你需要在两个表格的外层添加一个DIV盒子,在确定了盒子的高度和宽度之后让其居右显示就可以了! (其中你的表格的宽度和高度也要明确)

代码如下:

<div style=" width:200pxheight:100pxfloat:right">

<table></table>

<table></table>

</div>

为了省时表格里的tr,td没写,只用table代替了

不能实现.

只能实现左对齐或者右对齐. 但不能两边都对齐. 网页与平常我们用WORD浏览的文档是不同的. 不能两边都对齐. 也许你可以试试居中对齐. text-align: center. 不过它只会将内容居中, 但不会将两边都对齐.

回答完毕.


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6143240.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存