css - 将两个对象与 css position:absolute 对齐；（没有固定的 margin-left 或 left 属性）

Question

我对 css 行有以下问题（再次大声笑）。现在的问题是'< li >' ..（并排）内的两个对象的对齐方式不使用margin-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;

}

Answer 1

如果您不想使用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元素始终包含文本。

这是演示

干杯，狮子座