在rtl CSS中浮动 [英] Float right in rtl css

问题描述

现在我已经在CSS中设置了

 。一半{
宽度：305px； 
 margin-right：30px; 
 float：正确； 
} 
 .feat-cat .last-col {
 margin-right：0; 
} 
 
 .feat-cat {
溢出：隐藏； 
底边保证金：30px； 
方向：rtl; 
} 
  

当我这样做时

（。feat-cat .last-col）消失，如您所见


我该如何正确做？？

这是我从事的网站
http://hossamyehia.com/wordpress/

解决方案

对于RTL布局，您需要翻转一些属性。

这些包括但不限于：

• 背景


• 背景位置


• 边界


• 边界半径


• 清除


• 光标


• 方向


• 浮动


• 左/右


• 保证金


• 填充


• 文本对齐


• 文本缩进

是您的保证金权利导致了p

将其更改为左边距，它将起作用。

Now I have this set up in css

.one-half{
width: 305px;   
margin-right: 30px;
float: right;
} 
.feat-cat .last-col{
margin-right: 0;
}

.feat-cat{
overflow: hidden;
margin-bottom: 30px;
direction: rtl;
}

when i do this way

(.feat-cat .last-col) disappear as you can see
How do I do it correctly??

this is the site that i work on it http://hossamyehia.com/wordpress/

解决方案

For RTL layouts there are several properties you need to flip.

These include, but are not limited to:

• background
• background-position
• border
• border-radius
• clear
• cursor
• direction
• float
• left/right
• margin
• padding
• text-align
• text-indent

It's your margin-right which is causing the problems.

Change these to margin-left and it will work.

这篇关于在rtl CSS中浮动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！