0

我对 css 行有以下问题(再次大声笑)。现在的问题是'< li >' ..(并排)内的两个对象的对齐方式不使用margin-left。跟随文件小提琴,所以愿意帮助我:)

面临的问题 面临的问题

我需要...没有固定的 margin-left 或 left 属性):) 我需要...没有固定的 margin-left 或 left 属性)[这里] http://jsfiddle.net/Igaojsfiddle/T6KrE/69/

.frdName{
margin-top:-10px;
top:50%;
/*margin-left:65px;*/
 font-weight: bold;
font-family:'Verdana', cursive;
font-size: 15px;
color: gray;
float:left;
position:absolute;

}

4

1 回答 1

0

如果您不想使用margin-left,可以使用position

在您的li元素中,您必须放置以下 CSS 规则:

.contactList > li { position: relative; }

.contactList > li > span:nth-child(2) {
   position: absolute;
   left: value; /*(e.g. 70px)*/
}

我放span:nth-child(2)是因为在您的 HTML 代码中,您的第二个span元素始终包含文本。

这是演示

干杯,狮子座

于 2013-06-22T03:33:54.760 回答