笔记：caption标签中的文字为什么会是竖着的。

我在项目联系中用到了table表格，在使用caption的时候文字是竖着显示的，这让我不明白怎么回事。随后在我长达一个小时的尝试中找到了答案。

caption标签中的文字会换行的原因是table的默认宽度是自适应的，在默认的情况下汉字会被挤压从而换行。（为啥英文不会换行？？求大佬解惑）。

之后我发现了四种方法解决问题：

给table设置宽度为auto，这样宽度就会被文字撑开。
给table设置宽度为100%，理由和上面相同，只是100%的宽度会导致表格中单元格宽度过大不好看。
设置固定宽度，只要宽度超过文字长度就可以横向显示。
设置 white-space: nowrap;（表格内容不换行，撑开内容）

补充：
/* div位置居中 */
margin-top: 50px;
margin:0 auto;

笔记：caption标签中的文字为什么会是竖着的。相关推荐

python获取div标签的id_Python 获取div标签中的文字实例
预备知识点 compile 函数 compile 函数用于编译正则表达式,生成一个正则表达式( Pattern )对象,供 match() 和 search() 这两个函数使用. 语法格式为: re. ...
a-card标签中的文字不能垂直居中
a-card标签中的文字不能垂直居中,可以在标签中再添加其他的标签,比如p.span等,然后再对其设置样式 <a-card class="schedule_card2"sty ...
html中label如何居中,怎么让label标签中的文字居中显示
label标签如何使用 html页码中的 label标签使用方法: 其实很多人都一样,喜欢的不是学校,不是班级,而是坐在教室的那群人请点击文本标记之一,就可以触发相关控件: HTML代码中的labe ...
Python---获取div标签中的文字
预备知识点 compile 函数 compile 函数用于编译正则表达式,生成一个正则表达式( Pattern )对象,供 match() 和 search() 这两个函数使用. 语法格式为: re. ...
p标签中的文字垂直居中
确定好p标签的位置后,<p><span>这是美女</span></p>,在p标签中加一个span标签,设置span的css时根据p标签的长宽计算好spa ...
隐藏label标签中指定文字
项目场景: 使用js动态向div中传值,并隐藏指定的值不显示解决方案: label标签隐藏显示 2022-05-06 14:23:08 针对label,input文本框,按钮的显示与隐藏 1- 为其 ...
java a标签正则_正则表达式：java中婚配HTML中a标签中的中文字符
正则表达式:java中匹配HTML中a标签中的中文字符今天群里一位朋友问到了一个正则表达式的问题,有如下内容: 特432 453543 a1特123你好123吗? 特2 标签中的文字现在要匹配出内容 ...
js修改div标签中的内容
<div id='divId'>初始文字</div><script>$(document).ready(function(e){$('#divId').html(' ...
Android 如何解析p/p类似这种标签中的数据
json串"context":"<p>2019.11.12 北京门店宿舍检查结果公布</p><p><img src=" ...

笔记：caption标签中的文字为什么会是竖着的。

笔记：caption标签中的文字为什么会是竖着的。相关推荐

最新文章

热门文章