1

谁能弄清楚为什么此图像滑块上的标题无法正确对齐?我希望它与图像的长度相同。目前,左侧太长。

此外,由于图像淡入,标题太短,但随后会自行校正为适当的长度。有想法该怎么解决这个吗?

这是该页面的网址:http: //homepages.uc.edu/~daniela8/slider/slider4/slider4.html

这是标题的css:

#wowslider-container1 .ws-title{
position: absolute;
bottom:0;
left: 32px;
margin-right:5px;
z-index: 50;
background-color:#000000;
color:#FFFFFF;
padding:10px 1%;
width:78%;
font-family: "Myriad Pro", Arial, "Franklin Gothic Medium";
font-size: 14px;
opacity:0.55;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55); 
}
#wowslider-container1 .ws-title div{
padding-top:5px;
font-size: 12px;
}
4

3 回答 3

0

这是我能想到的:

.ws-title {
    display: block;
    padding-left: 54px;
    padding-right: 54px;
    position: absolute;
}

我对其进行了测试,上面的代码似乎已经对齐了标题。padding-left您可以根据需要更改和的值来进行更多实验padding-right

于 2012-09-08T00:12:17.597 回答
0
left: 32px;
width:78%;

减小宽度,增加左边距

于 2012-09-07T23:42:53.543 回答
0

我同意前面的 2 个答案,但我认为问题的根源在于图像本身。他们都有一个空白的左边距,例如; http://homepages.uc.edu/~daniela8/slider/slider4/data1/images/frog.jpg

标题从图像的开头开始,但图像本身有填充。

于 2012-09-08T00:14:17.740 回答