Html IE中的边界半径和RTL问题
我注意到，当我使用带填充的边框半径时，HTML的方向是RTL，它并没有按预期工作。如果拆下方向部件，则可以正常工作Html IE中的边界半径和RTL问题,html,internet-explorer,css,right-to-left,Html,Internet Explorer,Css,Right To Left,我注意到，当我使用带填充的边框半径时，HTML的方向是RTL，它并没有按预期工作。如果拆下方向部件，则可以正常工作dir=“rtl”。以下代码将显示它在没有和有dir=“rtl” 不带dir=“rtl”： 结果: 正如您所看到的，文本向左移动，背景向右移动。我在IE10和IE9上测试了它。此问题是否有任何解决方法？将.tag显示为内联块似乎可以解决此问题： .tag { background-color: #0473c0; border-radius: 3px 3px 3px
dir=“rtl”dir=“rtl”dir=“rtl”正如您所看到的，文本向左移动，背景向右移动。我在IE10和IE9上测试了它。此问题是否有任何解决方法？将
.tag内联块似乎可以解决此问题：
.tag {
background-color: #0473c0;
border-radius: 3px 3px 3px 3px;
padding:5px;
display: inline-block;
}
另请参阅，以获得一个有效的演示。（在IE10、Win8中测试）
但是，我不确定这是否会以任何方式干扰RTL文档中的文本流。我可以复制它。奇怪的问题。使span成为内联块似乎有帮助，尽管我不确定它对RTL文档中的文本流有什么影响。
<!DOCTYPE html>
<html dir="rtl">
<head>
<title>test</title>
</head>
<body>
<style type="text/css">
.main {
padding:5px;
}
.tag{
background-color: #0473c0;
border-radius: 3px 3px 3px 3px;
padding:5px;
}
</style>
<div class="main">
<span class="tag">test</span>
</div>
</body>
</html>
.tag {
background-color: #0473c0;
border-radius: 3px 3px 3px 3px;
padding:5px;
display: inline-block;
}