用css位置对齐两个对象：absolute；（没有固定的 margin-left 或 left 属性）答案

【问题标题】：Align two objects with css position:absolute; (without fixed margin-left or left properties)用css位置对齐两个对象：absolute；（没有固定的 margin-left 或 left 属性）
【发布时间】：2013-06-19 06:46:54
【问题描述】：

我对 css 行有以下问题（再次大声笑）。现在的问题是'li>' 内的两个对象的对齐方式..（并排）想要在不使用左边距的情况下做。跟随文件小提琴，所以愿意帮助我:)

面临的问题

我需要...没有固定的 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;

}

【问题讨论】：

为什么不使用左边距？这是否意味着您也不想使用 padding-left？
感谢您的宝贵时间，伙计！我不打算使用，因为我的图像可以在项目期间的任何时候增加。像文字一样会与上面看到的图像重叠 - 谢谢！

标签： css position css-float alignment

【解决方案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 元素始终包含文本。

这是DEMO

干杯，狮子座

【讨论】：

嘿，Leo 太棒了！我一口气获得了超能力！哈哈。现在我可以使用聊天了！ :) 感谢您的解决方案！
睡觉前的最后一个问题......这是一个很好的做法吗？使用左？我的形象什么时候提升？
以下示例说明我的想法 Here 。我想让我的代码尽可能动态和灵活......以避免未来的头痛:)
我看过你的代码，你有很多冗余。无意冒犯，但我认为您应该先阅读一些 CSS 手册。有人认为 CSS 是直观的，但在某些方面有些复杂。如果你知道基地，你可以做你想做的事。如果你说西班牙语this is a great CSS book。干杯，狮子座
没问题..我是后端开发人员（c#、java、android）处理逻辑。我现在不会冒险，我正在研究很多关于 jquery 和选择器的知识。无论如何，谢谢，我会找到支持我解决这个问题的人，更有耐心:) 谢谢你的时间