我怎样才能只在CSS中完成上标?

我有一个样式表,其中我用上标字符标记外部链接,但是我很难使字符正确对齐.

我目前拥有的,看起来是这样的:

a.external:after {
  font-size: 50%;
  vertical-align: top;
  content: "+";
}

但它不起作用.

当然,我会使用<sup>标签,前提是content允许HTML...

推荐答案

你可以用vertical-align: super做上标(再加上相应的font-size减法).

不过,请务必在这里输入read the other answers,尤其是paulmurraycletus,以获取有用的信息.

Css相关问答推荐

当滚动到页脚时,是否可以隐藏固定元素?

如何为垫子制作圆角- Select 所有角点上的下拉列表

不了解重复-线性-渐变 colored颜色 停止

如何在页面顶部创建固定横幅,并在其下方设置滚动条?

当鼠标移到侧边栏之外时,如何防止shiny 仪表板侧边栏菜单中的 pickerInput 选项被切断?

React MUI 从 CSS 伪元素中删除内容

如何使用 :has() 父 Select 器 Select 父元素的子元素,在父元素和子元素之间没有中间层的情况下?

禁用MUI DataGrid上的悬停效果

Vue.js 变量中的动态类变量

清除 CSS 中已设置的填充属性以恢复 SVG 的默认值

在 React Native 中创建背景

在活动状态下更改按钮的外观

Angular 导航栏问题

有没有办法让 mui v5 呈现没有 css-xxx 前缀的类名?

边界半径不起作用

如何定位 CSS 网格布局中的特定列或行?

如何在渲染之前获取react 组件的大小(高度/宽度)?

如何使用 CSS 绘制复选标记/勾号?

css 中的 clearfix 类有什么作用?

通过 Bootstrap4 对列进行排序