css 定义了a标签的大小 怎么移动a标签的文字向左移动10个像素

Posted 2023-04-22

有两种方法：a 是行内标签，不能设置高宽和外边距margin，但能使用内边距padding
如果你不固定大小 ，应用padding;
需要用固定大小，把它变成行内块标签display: inline-block,这样后就可以设置高宽了，

移动10px;也有两种：

这10px算a标签内，就用padding-left:10px;
这10px不算在a标签内，就用margin-left: 10px;注意：需设置成行内块元素才可以设置外边距，否则无效；
自己试试吧！！！ 参考技术A text-indent:-10px 参考技术B margin-left:-10px;

svg中text标签里面的文字怎么实现垂直和水平的居中

参考技术A 使文字在div中水平和垂直居中的的css样式为 text-align:center; /*水平居中*/line-height: 20px; /*行距设为与div高度一致*/示例如下： HTML元素 水平垂直居中css样式 divwidth:200px;height:200px; /*设置div的大小*/border:1px solid green;本回答被提问者采纳 参考技术B

svg中的文字垂直居中，并不像CSS中的那样类似比如通过行高等于元素高度， 利用 vertical-align、flex、table-cell这些。

而是利用 比如 svg高200 ， <text y="100"></text> 但是会发现 还不是特别垂直居中，因为这是 基线的坐标， 所以要再减去 文字的高度默认大概是16 像素。 

最终 <text y="84">GaoWuJie</text>

什么是基线

参考技术C 因思杜陵梦,凫雁满回塘.