css中文字分布对齐

最新推荐文章于 2022-08-31 10:44:35 发布

laoxiao1987

最新推荐文章于 2022-08-31 10:44:35 发布

阅读量826

点赞数

分类专栏： CSS 文章标签： css border xhtml 浏览器 table class

本文链接：https://blog.csdn.net/laoxiao1987/article/details/6771776

版权

CSS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
	.table{}
	.table td{ width:150px; height:32px; line-height:32px; text-align:justify; border:1px solid #03C;
	 text-justify:distribute-all-lines; 
	 text-align-last:justify;}
</style>
<body>
<table width="150" border="0" cellspacing="0" cellpadding="0" class="table">
  <tr>
    <td>运动的说明</td>
  </tr>
  <tr>
    <td>这事问题</td>
  </tr>
  <tr>
    <td>不好吧</td>
  </tr>
</table>

</body>
</html>

效果：

运动的说明

这事问题

不好吧

说明：不同的浏览器支持的不同。ipanel中现在还不支持

laoxiao1987

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css中文字分布对齐

<!--.table td {width:150px; height:32px; line-height:32px; text-align:justify; border:1px solid #03C; text-justify:distribute-
复制链接

扫一扫

专栏目录