在HTML中合并单元格_Html_Css_Cells

在HTML中合并单元格

html css

在HTML中合并单元格,html,css,cells,Html,Css,Cells,我正在尝试用HTML制作一个表，但我遇到了一个问题。我不知道该怎么做我要解释的：我是否有可能将下面/相邻的单元格转换为具有长垂直文本的小正方形格式，而不从其正上方的单元格使用相同的长垂直文本格式以下是HTML文档： <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Marge Cells</title> <link rel="stylesheet

我正在尝试用HTML制作一个表，但我遇到了一个问题。我不知道该怎么做我要解释的：

我是否有可能将下面/相邻的单元格转换为具有长垂直文本的小正方形格式，而不从其正上方的单元格使用相同的长垂直文本格式

以下是HTML文档：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Marge Cells</title>
<link rel="stylesheet" type="text/css" href="dudas.css">
</head>
<body>
<table border="1px">

    <tr>
        <td>
       </td>
       <td class="Rotate-90">
       corto
       </td>
       <td class="Rotate-90">
        text&nbsp;muuuuy&nbsp;largo
       </td>
   </tr>
   <tr>
        <td>
        Cuentas
       </td>
       <td>
        11.2€
       </td>
       <td>
        1€
       </td>
   </tr>
</table>
</body>
</html>

这是一张我正在努力实现的图片

---新---

现在我明白你的意思了

.table-r{
边界塌陷：塌陷；
}
.table-r td{
宽度：30px；
}
…表-r th{
填充物：5px10px；
}
.table-r td{
文本对齐：居中；
填充：10px 5px；
边框：1px实心#ccc；
}
.表-r th.th-r{
高度：140像素；
空白：nowrap；
}
.表-r th.th-r>div{
变换：平移（25像素，51像素）旋转（315度）；
宽度：30px；
}
.表-r th.th-r>div>span{
边框底部：1px实心#ccc；
填充物：5px10px；
}
.表格标题旋转至第行标题{
填充：0 10px；
边框底部：1px实心#ccc；
}


标题1
标题2
标题3
标题4
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16

你能用其他方式解释一下吗，或者提供一个你打算做什么的图形例子吗？我很愿意，但我仍然没有足够的声誉。我想做的是这样的：数字的单元格在一个正方形中，并且没有我现在看到的topO上字母的水平空间。。等等，我将更新我的answser；）是的，当然！！谢谢！！我是这样搜索的，但是文本是垂直的，但我觉得这真的很有用非常感谢，真的：）

@charset "UTF-8";

.Rotate-90
{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  position:relative;
  height: 15px;
  width: 30 px;
}

table {
border-collapse: collapse;
}