如何对齐用户个人资料图像和姓名+其他信息

我已经能够为个人资料图片以及图像右侧的名称和位置以及其他一些信息创建一个部分。然而，为了用信息调整图像，我必须经过额外的步骤才能使它看起来可以接受，但编码明智不准确，因为它可能会产生跨浏览器问题。如何对齐用户个人资料图像和姓名+其他信息

我可以使用CSS的方式来计算器创建用户配置文件PIC和名称以及其他信息这样做，对e.g：https://stackoverflow.com/users/441049/aaa

这样做的顶部是我期待的。我仍在学习过程中。谢谢。

这是代码：

#manpic { 
    margin-left:30px; 
    margin-top:20px; 
    background-color: #FFFFFF; 
    padding: 5px; 
    display:block; 
} 

#manname { 
    color: #D7D7D7; 
    margin-left: 150px; 
    margin-top:-60px; 
    font-family: "Lucida Grande", Verdana; 
    font-weight:bold; 
    font-size: 20px; 
}

来源

2010-12-08 AAA

有任何HTML和CSS你正在使用，你可以张贴评论？ – kafuchau 2010-12-08 20:06:48

#manpic { margin-left：30px; margin-top：20px; background-color：#FFFFFF; padding：5px; display：block; } #manname { color：＃D7D7D7; margin-left：150px; margin-top：-60px; font-family：“Lucida Grande”，Verdana; font-weight：bold; font-size：20px; } – AAA 2010-12-08 20:13:39

我看不出有任何问题与您的代码，除填充可能是一个问题，对其进行测试。

我会用IEtester来进行检查页面在IE7和IE8 http://www.my-debugbar.com/wiki/IETester/HomePage

测试在Firefox，Safari和Chrome。如果你在这些浏览器中没有看到任何东西，那么我真的不会担心代码。

如果您使用的是花车，请确保您已清除。用IE浏览器，我发现填充很糟糕，你应该在大多数情况下使用MARGIN来调整div间的空格。

希望有所帮助！

Chris

来源

2010-12-08 20:13:54 Chris

如何对齐用户个人资料图像和姓名+其他信息

回答

相关问题