分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

html – 在a内左右对齐

HTML   发布时间：2022-04-14  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 在a内左右对齐，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在写一个与一些朋友角色扮演的页面.说到角色表,我们想要一些带有统计数据的表格.
我想在每个单元格中都有特征(强度,智力等)的名称和数字.像这样： http://jordi.dyndns-at-home.com:3000/characters/2

我想将名称对齐到单元格的左侧,将数字对齐到右侧.

我试过用< span style =“text-align：right;”>它不会起作用.
我试过用< div style =“text-align：right;”>它确实有效,但如果我使用display,它会“跳出一条线”：内联它无法正常工作.

可以在< td>上进行两种比对. ？

BTW位置：绝对;右：0不起作用.它将对齐到结束而不是结束

解决方法

使用定义列表并且是语义的.

HTML

<table><tr><td>
    <dl>
        <dt>Life:</dt>
        <dd>15</dd>
    </dl>
</td></tr></table>

CSS

dl {
    width: 200px;
}
dl dt {
    width: 160px;
    float: left;
    padding: 0;
    margin: 0;
}
dl dd {
    width: 40px;
    float: left;
    padding: 0;
    margin: 0;
}

这样你可以放弃整个表.

大佬总结

以上是大佬教程为你收集整理的html – 在a内左右对齐全部内容，希望文章能够帮你解决html – 在a内左右对齐所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：html内对齐左右
猜你在找的HTML相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap