如何在steam隐藏文本上居中文本

问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
&svg id="svg1"&
&polygon points="0,0 80,0 100,12 80,24 0,24 10,12" stroke="black" stroke-width="1" fill="blue" /&
&a href="#"&
dy='.3em' fill="red"&你好&/text&
参考网站1:参考网站2:
根据外文网站的方法设置text标签的css为text-anchor(水平居中)和dominant-baseline(垂直居中)没有达到想要的效果?
需求:能否实现垂直居中的效果,即使文本字体数调整,或者字体像素调整,内容还是居中的效果。
求大神指导!
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
&!-- 设置width和height,后面才能相对定位 --&
&svg id="svg1" width="100" height="24"&
&polygon points="0,0 80,0 100,12 80,24 0,24 10,12" stroke="black" stroke-width="1" fill="blue"&&/polygon&
&a href="#"&
text-anchor="middle" 表示以文本的中点为基准定位
x="50%" 表示定位到图片宽度的50%处,也就是居中
y="50%" 表示文本底部在图片的中央
dy=".3em" 让文本的底部从图片的中央继续往下移0.3行,从而达到垂直居中
&text x="50%" y="50%" dy=".3em" fill="red" text-anchor="middle"&你好&/text&
如果不想把大小定死的话,可以用viewBox="0 0 100 24",反正就是要把图片内容的宽度指定出来,x=50%才知道中间在什么地方。
分享到微博?
Hi,欢迎来到 SegmentFault 技术社区!⊙▽⊙ 在这里,你可以提出编程相关的疑惑,关注感兴趣的问题,对认可的回答投赞同票;大家会帮你解决编程的问题,和你探讨技术更新,为你的回答投上赞同票。
明天提醒我
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:

我要回帖

更多关于 steam文本 的文章

 

随机推荐