html – 如何在一个td中对齐多个文本行

html – 如何在一个td中对齐多个文本行,第1张

概述我需要在TD中有一些元素,这个td大小最多是表格的P,每行应该对齐左边,但是最大的文本应该“触摸”表的右边. <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="line-height: 20px; width: 49%;"> 我需要在TD中有一些元素,这个td大小最多是表格的P,每行应该对齐左边,但是最大的文本应该“触摸”表的右边. @H_301_7@

@H_301_7@

<table wIDth="100%" cellpadding="0" cellspacing="0">    <tbody>        <tr>            <td >            <span >Text First Cell            </span>            </td>            <td >            <span name="span1" >            <span >Text1 Second Cell Larger Text </span>             </span>            <span name="span2" >                <span > Text2 Second Cell                </span>            </span>            </td>        </tr>    </tbody></table>
@H_301_7@我几乎可以这样做,但我无法在左侧对齐文本“Text1 Second Cell Larger Text”和“Text2 Second Cell”.

@H_301_7@有任何想法吗?
此外,如果有更好的方法,我很想知道!

解决方法 我刚刚学会了如何做到这一点: @H_301_7@

@H_301_7@

.mydiv {    float: right;}.span1{    display: block;}<div ><span name="span1"  ><span >Text1 Second Cell Larger Text </span> </span><span name="span2" ><span > Text2 Second Cell</span></span></div>
@H_301_7@干杯

总结

以上是内存溢出为你收集整理的html – 如何在一个td中对齐多个文本行全部内容,希望文章能够帮你解决html – 如何在一个td中对齐多个文本行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

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

原文地址: http://outofmemory.cn/web/1059223.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存