Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/heroku/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS垂直对齐圆心_Css_Vertical Alignment_Css Shapes_Word Wrap - Fatal编程技术网

CSS垂直对齐圆心

CSS垂直对齐圆心,css,vertical-alignment,css-shapes,word-wrap,Css,Vertical Alignment,Css Shapes,Word Wrap,我正在尝试垂直居中定位文本。我使用了行高,但当文本换行时,第二行中的文本将获得行高。。。我怎样才能在锚定中居中文本而不出现这样的失败 运行这个代码片段并单击圆圈以显示其他圆圈,您将了解我的意思 (函数($){ $.path={}; $.path.arc=函数(参数){ for(参数中的变量i){ this[i]=params[i] } this.dir=this.dir | | 1; 而(this.start>this.end&&this.dir>0){ 此值为0.start-=360 } w

我正在尝试垂直居中定位文本。我使用了行高,但当文本换行时,第二行中的文本将获得行高。。。我怎样才能在锚定中居中文本而不出现这样的失败

运行这个代码片段并单击圆圈以显示其他圆圈,您将了解我的意思

(函数($){
$.path={};
$.path.arc=函数(参数){
for(参数中的变量i){
this[i]=params[i]
}
this.dir=this.dir | | 1;
而(this.start>this.end&&this.dir>0){
此值为0.start-=360
}
while(this.start
正文{
字体系列:verdana;
字号:12px
}
保险商实验室{
列表样式:无;
保证金:0;
填充:0
}
a{
颜色:#000;
文本装饰:无
}
#圈菜单李{
位置:绝对位置
}
梅因Circle先生{
背景:红色;
边界半径:100px;
显示:块;
高度:200px;
线高:200px;
位置:绝对位置;
文本对齐:居中;
宽度:200px;
z指数:1
}
.子菜单li{
利润率:50像素
}
.子菜单a{
背景:红色;
边界半径:50px;
显示:块;
高度:100px;
线高:100px;
文本对齐:居中;
宽度:100px
}

测试

您可以为此使用
display:table
属性。这样写:

。子菜单li{
利润率:50像素;
背景:红色;
边界半径:50px;
高度:100px;
宽度:100px;
显示:表格;
}
.子菜单a{
高度:100px;
宽度:100px;
显示:表格单元格;
文本对齐:居中;
垂直对齐:中间对齐;
}

检查jsiddle。

您可以使用元素样式

element.style {
line-height: 13px;
padding-top: 37px;
height: 60px;}

有JSFIDLE链接但没有代码的帖子实际上没有代码。只有您有权从那里传输代码-它是经过许可的,所以单个成员不能这样做。所以,现在,我要VTC结束你的问题,因为在你添加代码之前,没有MCVE。