css 文字怎么对齐左边的图标

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 文字怎么对齐左边的图标相关的知识,希望对你有一定的参考价值。

我的代码在这 帮忙看下
http://pan.baidu.com/s/1i3oYBjB

参考技术A <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>易宽带卡密系统</title>
<style>
bodymargin:0px; padding:0px;
.body_centerwidth:900px; height:600px; margin:0 auto;
.body_center .logowidth:564px; height:55px; background:url(images/logo.png)
.body_center .top_rightwidth:200px; height:14px; float:right; background:#C33
.body_center .top_right emwidth:16px; height:14px; background:url(screen.png) no-repeat; float:left;
.body_center .top_right afont-size:12px; float:left; font-weight:bold; line-height:14px;
</style>
</head>

<body>
<div class="body_center">
<div class="logo"></div>
<div class="top_right">
<em></em>
<a href="#">提取码购买</a>
</div>
</div>
</body>
</html>追问

加了 还是完全无法对齐

追答

我刚才没看你代码 你现在看下 你跟各加个float

参考技术B 图标是背景的话,控制下图标的位置。
直接用img的话,用下margin-top试试

echarts图例中图标文字对齐

参考技术A 写这个笔记是因为这件看似很简单的小事,折磨了我很久。

希望能帮助到跟我一样无助徘徊的同学。

以上是关于css 文字怎么对齐左边的图标的主要内容,如果未能解决你的问题,请参考以下文章

怎么用div+css把图片中的图标和文字对齐

css 如何设置ul的列表图标和列表文字对齐

急!CSS中,怎么让ul li中的图片和文字横向水平居中

css:图标与文字对齐的两种方法

Word中一行文字,实现左边靠左,右边靠右的对齐

左边是个图片的DIV 右边是个div 右边文字div的为啥在最下面的导航下面?