2011-10-28 35 views
1

只想问一下我该如何转换我的6x nbsp;到CSS6x  转换为css?

我有这个下面的代码:

<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="a"> 
     <li> 
      <img src="/css/images/yahoo-mail.png" alt="yahoo-mail" class="ui-li-icon"/> 
      <a href="./about">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Yahoo!</a><span class="ui-li-count">3</span> 
     </li> 
</ul> 
+0

你为什么不使用填充代替 NoPHPknowldege

+0

根据您的字体,非破坏性空间将会有不同的大小。改为使用边距或填充。 – Sparky

回答

2

删除所有&nbsp;和使用填充:

a{padding-left:20px} 
+0

是的,但你需要小心,当你给填充它会出现在你们所有的链接。 – NoPHPknowldege

+0

当然,这只是一个如何将css应用于标签的例子 – marissajmc

0

这样做:

<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="a"> 
     <li> 
      <img src="/css/images/yahoo-mail.png" alt="yahoo-mail" class="ui-li-icon"/> 
      <a href="./about"><span class="link-text">Yahoo!</span></a><span class="ui-li-count">3</span> 
     </li> 
</ul> 

CSS:

.link-text:before { 
    content: '  '; /* 6 spaces */ 
} 
0

在标签中给出span标签。

<a href="./about"><span></span>Yahoo!</a> 

然后给填充跨度。

0

有很多方法可以做到这一点。我保证金可能添加到图标图像:

.ul-li-icon { 
    margin-right: 20px 
}