Jas*_*att 24
AverageAdam的答案可以正常使用,但如果你出于某种原因需要CSS版本,你可以这样做:
.sup { vertical-align: super; }Run Code Online (Sandbox Code Playgroud)
和
<span class="sup">®</span>Run Code Online (Sandbox Code Playgroud)
从这里开始.
将其添加到您的html文件中 <sup>your mark here</sup>
然后将此添加到您的CSS
sup {
position: relative;
font-size: 40%;
line-height: 0;
vertical-align: baseline;
top: -1.2em;
}
Run Code Online (Sandbox Code Playgroud)
您可以使用css中的"top"调整标记的高度,使用"font-size"调整大小.这也适用于您想要的任何TM,SM或符号.它不会影响你的任何间距或排版.
<sup>®</sup>
Run Code Online (Sandbox Code Playgroud)
不幸的是CSS没有办法指定上标.但是,您可以使用span和一些标签对其进行模拟.
http://www.webmasterworld.com/forum83/1031.htm
我知道你问过CSS,但这个jQuery代码对我有用,希望对你有帮助
<html>
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
$("body").html(
$("body").html().replace("®", "<sup>®</sup>")
);
});
</script>
</head>
<body>
Some text here ®
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
使用下面的CSS创建一个不会破坏你的领导的标签.根据需要调整值.字体大小是可选的,我用它来使我的r-balls比注册的商标文本小一点.
sup{
vertical-align: 75%;
line-height: 5px;
font-size:11px;
}
Run Code Online (Sandbox Code Playgroud)