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

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

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

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

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

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

你可能感兴趣的:(笔记纠错,html)