浏览器部落:绿色安全纯净官方版,体验当今速度最快的浏览器!

css如何设置表格标题(caption标签)的位置

时间:2019-5-15作者:未知来源:浏览器部落人气:

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
我们可以通过设置css caption-side属性的相关属性值来指定表格(<table>)标题(caption标签)的位置,即:可以使用caption-side属性来指定了标题位于表格的哪一侧。

通过caption-side属性来设置表格标题的位置

在table表格中,caption标签是用于为表格提供简短的标题,如标题或简短描述。caption标签是插在开始<table>标记之后,应该始终是表的第一个子项。然后我们就可以使用caption-side属性更改其在表中的位置了。

我们可以使用caption-side属性,来在表的上方或下方定位表格标题,指定标题位于表格的上方或下方。

注:

1、在CSS 2.1之前,提供了两个值:"left"和"right"来分别将标题定位在表的左边和右边。但这两个值在最终的2.1规范中被移除,并且现在已经不是标准了,不怎么被浏览器兼容。

2、如果想要在标题框中让标题内容“水平对齐”,需要使用text-align属性;通过text-align属性还可以设置别的对齐方式。

2.jpg

下面我们来看看caption-side属性是如何设置table表格的标题位置的。

caption-side属性的基本语法:

caption-side: top   

关键词:css如何设置表格标题(caption标签)的位置




Copyright © 2012-2018 浏览器部落(http://www.pcbrowse.cn) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版