Html 中心对齐特殊符号

这里的CSS和HTML代码是：

CSS:

html:

>>

提前感谢

试试这个CSS：

.d {
     display: table;
     vertical-align:middle;
   }

.c {
     font-size: 80px;   
   }

---

你提到的CSS中有一个输入错误（“tabel”而不是“table”）。另外，在第一个CSS样式中的“.”（点）和“d”类之间有一个空白（空格）

我刚刚重新审视了这个问题，我认为使用CSS可能无法正确呈现符号或给出所需的结果，但对文本效果很好。可能存在浏览器限制

我这里有两种解决方案：

一,

替换

垂直对齐：超级与
垂直对齐：中间然后添加位置：相对；顶部：-2px

. d {
 display: table;
} 
.c {
 font-size: 80px; 
 border: 1px solid  #666666;
 display: table-cell;
 vertical-align: middle;
 position:relative; top:-2px;
}

二,

使用表格渲染效果更好，并提供所需的结果：

<table style="width: 100%;">
  <tr>
    <td style="vertical-align: middle;border:1px solid  #666666; font-size: 80px">
          >
     </td>
  </tr>
</table


>
注意：
display:tabel
（注意打字错误）是否要将其置于表格单元格的中心？还修复了打字错误Vucko回复了onyes，但此符号看起来像下划线（389;）。多花点空间，少花点时间。我不知道你的意思。我已经用你的代码创建了一个。看看这是不是你想要的wanted@Chelseawillrecover请集中firebug中的符号，它占用更多的上侧空间，而占用更少的下侧空间。。不在中心
. d {
 display: table;
} 
.c {
 font-size: 80px; 
 border: 1px solid  #666666;
 display: table-cell;
 vertical-align: middle;
 position:relative; top:-2px;
}

<table style="width: 100%;">
  <tr>
    <td style="vertical-align: middle;border:1px solid  #666666; font-size: 80px">
          >
     </td>
  </tr>
</table