Question

在td内我有2个跨度。第一个跨度是一天，第二个跨度是月份。第二个跨度已旋转-90度。我的问题是，正确的跨度“开始”低于第一个。问题似乎是在第一个跨度上有一个顶部和底部填充，尽管我将其设置为0.此外，在这两个跨度中的一个周围似乎有边距尽管我将所有内容设置为0.奇怪！所以我在第一个跨度上寻找1 / No顶部和底部填充。 2 /我想在2跨度之间“没有空间”。希望有人能提供帮助。预先感谢您的帮助。干杯。马克。

http://cssdesk.com/TzLfN

我的HTML：

<td>
  <span>12</span><span>FEB</span>
</td>

我的CSS：

body{
  font-family:"Arial Black";
  }

td {
    padding:0;
    margin:0;
    background-color:red;
    }

span:first-child {
  background-color:yellow;
  padding:0;
  margin:0;
  font-size:30px;
  }

span:last-child {
  display: inline-block;
  background-color:green;
  font-size:12px;
  padding:0;
  margin:0;
  -moz-transform:rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  }

Answer 1

body{
  font-family:"Arial Black";
  }

td {
    padding:0px;
    margin:0px;
    background-color:red;

    }

span:first-child {
  background-color:yellow;
  padding:0px;
  margin:0px;
  font-size:30px;

  }

span:last-child {
  display: inline-block;
  background-color:green;
  font-size:12px;
  padding:0px;
  margin:0px;
  width:11px;
  -moz-transform:rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  }

希望您不关心背景颜色，如果您只是将红色更改为其他颜色。我将第二个跨度的宽度设置为11px。删除绿色背景颜色，你应该很高兴。

Answer 2

添加

position:relative;
bottom:-6px;

致：最后一个孩子

您可以按照自己的意愿使用任何其他测量单位

（我尝试了很多其他不起作用的方法，所以这是最后的手段）

css填充和保证金问题

2 个答案: