用css语言如何才能使文字旁边小箭头垂直居中呢?

html-css08

用css语言如何才能使文字旁边小箭头垂直居中呢?,第1张

#arrowhead //需要组件代码用id="arrowhead",例如<div id="arrowhead">

{

position: absolute//绝对位置(必填)

top:50%//顶边居中(选填)

left:50%//左边居中(选填)

//要填其中一个,html代码<div>

// <img id="arrowhead">

// </div>

// 在标签里居中,如果不放在标签里就是在窗口居中

}

如果要写的话也是可以的,但是一般情况下没有人会去浪费时间在这个图标上,一般直接通过切图用图片代替,获取使用字体图标,如果要写的话就是一个蓝色的圆然后再有一个白色的圆盖住它的大部分,最后一个三角形定位,最后拼出来,这样下来就很浪费时间,如果是使用图片,直接设置一个宽,然后做图片自适应就可以了