css怎样设置table表格内容水平对齐和垂直对齐

在css中,可以通过对text-align和vertical-align属性的设置实现内容水平对齐和垂直对齐 。 下面小编举例讲解css怎样设置table表格内容水平对齐和垂直对齐 。

css怎样设置table表格内容水平对齐和垂直对齐



需要这些哦
css+html
代码编纂器:z studio 10.0
方式/
1【css怎样设置table表格内容水平对齐和垂直对齐】新建一个html文件,定名为test.html,用于讲解css如何设置table表格内容程度对齐和垂直对齐 。
css怎样设置table表格内容水平对齐和垂直对齐



2在test.html文件内,利用table标签建立一个三行两列的表格,用于测试 。
css怎样设置table表格内容水平对齐和垂直对齐



3为了展示较着的结果,利用border属性设置表格边框为1px 。
css怎样设置table表格内容水平对齐和垂直对齐



4在css标签内,设置table表格的宽度为300px,高度为200px 。
css怎样设置table表格内容水平对齐和垂直对齐



5在css标签内,再别离将text-align和vertical-align属性设置center,从而实现单位格内容程度对齐和垂直对齐 。
css怎样设置table表格内容水平对齐和垂直对齐



6在浏览器打开test.html文件,查看实现的结果 。
css怎样设置table表格内容水平对齐和垂直对齐



总结:11、在test.html文件内,利用table标签建立一个三行两列的表格,用于测试 。 2、在css标签内,设置table表格的宽度为300px,高度为200px 。 3、在css标签内,再别离将text-align和vertical-align属性设置center,从而实现单位格内容程度对齐和垂直对齐 。


以上内容就是css怎样设置table表格内容水平对齐和垂直对齐的内容啦,希望对你有所帮助哦!

    猜你喜欢