右侧的css文本缩进等效项

右侧的css文本缩进等效项,css,Css,我有右边对齐的文本,我希望它像你在右边使用文本缩进bur一样向左推一点。有什么解决办法吗? 我一直在尝试边距,但IE9在第一个菜单项(?)上的边距增加了一倍 以下是css: h99 { padding: 0px; font-family: lucida, sans-serif; font-size: 16px; font-weight: bold; line-height: 40px; } #menublock { width: 230px; heigh

我有右边对齐的文本,我希望它像你在右边使用文本缩进bur一样向左推一点。有什么解决办法吗? 我一直在尝试边距,但IE9在第一个菜单项(?)上的边距增加了一倍

以下是css:

h99
{ padding: 0px;
    font-family: lucida, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}

#menublock
{ width: 230px;
    height: auto;
    float: left;
    text-align:right;
    margin-right: 0px;
}

ul
{ list-style-type: none;
  margin:0;
  padding:0;
  overflow: hidden;
}

ul a:link, ul a:visited
{ display: block;
  width: 210px;
  background: transparent;
  text-align: right;
  text-transform: uppercase;
  text-decoration: none;
    height: 40px;
    color: #ffffff;
    padding: 0px;
    margin: 10px;
}

ul a:hover, .selected
{ background: #484848 !important;
  color: #ffffff !important;
} 

菜单是一个简单的水平菜单。

我需要查看您的代码,但是解决旧浏览器问题的方法是包含一个空白范围并应用一个宽度:

<style>
span.right-adjust {
  display:inline-block;
  width:5px;
}
</style>

<div>Your text here<span class="right-adjust"></span></div>

右调{
显示:内联块;
宽度:5px;
}
你的文字在这里
如果不向我们提供代码,很难说出您想要什么。您还可以应用浮动:对

有很多方法可以解决旧浏览器和CSS的问题


希望这有帮助,不幸的是css中没有文本输出,但是,您可以使用文本方向
direction:rtl对于一些短文本,这样缩进将显示在另一侧。

执行以下操作

text-indent: 60px;
direction: rtl;
text-align: left;

f.ardelian指出:标点符号将出现在行首,因此abc。将出现。abc

我所做的和为我工作的是:

text-indent: 20px;
padding-right: 40px;

简单的解决方案是对文本元素应用“before”CSS样式,从而消除
direction:rtl的所有副作用

&:before {
      content: ' ';
      width: 100px;
      float: right;
      height: 5px;
} 

仅CSS解决方案,不会干扰文本方向(SEO和翻译友好?),无浮动,无附加元素,后缩进宽度易于修改:

&::after {
    content: "\0000a0";
    height: 1em;
    letter-spacing: 1rem;
}

是的,这是IE6中的一个已知错误。不知道为什么您应该关心。@KLL1K3R感觉制作文本RTL将给您解决尽可能多的问题。请记住,如果您有类似于
Foo-bar:

的东西,并且您提供了一种RTL样式,那么您最终会得到“:Foo-bar”支持@anotherdave所说的内容。当你完成这项工作时,你可以重新设计整个布局。太棒了!高度:1米?智能解决方案!如果需要,您仍然可以在左侧使用文本缩进。警告:标点符号将显示在行首,因此
abc.
将显示
。abc
适用于Firefox,但不适用于Safari或Chrome。