table表单td左右对齐、居中对齐和两端对齐的设置方法

2019年4月14日09:54:50 发表评论 7,084 views
2022云服务器活动

阿里云:2核4G6M服务器68元/年、2核4G服务器198元/年、4核8G服务器346元一年、8核16G5M 更多...
腾讯云:腾讯云2核4G服务器8M带宽70元/年,更多1c2g/2c4g/2c8g/4c8g/8c16g/16c32g...
华为云:华为云1核2G服务器39元/年,有香港节点更多1c2g/2c4g/2c8g/4c8g/8c16g/16c32g...

table表单中td标签如何实现左对齐、右对齐、居中对齐和两端对齐?新手站长网分享:

td标签左右对齐、居中对齐和两端对齐的方法

table表单中td的对齐方法分为左对齐、右对齐和两端对齐三种方式,可以通过td标签的align属性来设置,也可以通过html的style属性来设置:

方法一:通过td标签的align属性来设置

代码如下:

效果如下:

table表单td左右对齐、居中对齐和两端对齐的设置方法

table左右、居中、两端对齐效果图

方法二:通过html的style属性来设置

例如:td左对齐可以使用html的style属性来实现,即:

  • 左对齐:text-align:left;
  • 右对齐:text-align:right;
  • 居中对齐:text-align:center;
  • 两端对齐:text-align: justify;
  • 代码如下:

    发表评论

    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: