RTL站点上的HTML标题属性对齐_Html_Title_Right To Left

RTL站点上的HTML标题属性对齐

html

RTL站点上的HTML标题属性对齐,html,title,right-to-left,Html,Title,Right To Left,在chrome/safari浏览器上，html标题属性未正确对齐。它在firefox上正常工作这是firefox上的外观（OK）：这是它在chrome上的外观（失败）：此示例的代码： <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&

在chrome/safari浏览器上，html标题属性未正确对齐。它在firefox上正常工作

这是firefox上的外观（OK）：这是它在chrome上的外观（失败）：

此示例的代码：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body dir="rtl">
    <img
        title="نور روشن است که در پشت موضوع شما و سنسور جلو و عقب از دست رفته است، آن را برای دوربین اول معلوم شد که."
        width="200"
        height="100"
        src="https://www.imagecomics.com/uploads/banners/images/zero_2_large.jpg">
</body>

有没有办法让它正确对齐

谢谢。

嗯，我对RTL属性不太熟悉，但我以前从未在body标记中看到过它，请将它放在html标记中，然后再试一次

<HTML DIR="RTL">

不要忘记您的页面标题。：）

恐怕您无法更改对齐方式，因为它受浏览器控制，不受CSS设置的影响（可能通过某些特定于浏览器的黑客行为除外）。参见至

最好的解决方法（可能比解决方案更好）是使用CSS（或CSS+JavaScript）工具提示，而不是

title

属性。你会得到很多额外的东西，比如设置字体、大小等，并且对齐是自动正确的。示例（带）：


.tipped{位置：相对；}
.tipped.tip{显示：无；位置：绝对；右侧：1em；顶部：-3em；}
悬停，悬停{
显示：块；
背景：#ffe；
颜色：黑色；
边框：实心1px#333；
填充：0.2em 0.3em；
宽度：22em；
}
نور روشن است که در پشت موضوع شما و سنسور جلو و عقب از دست رفته است، آن را برای دوربین اول معلوم شد که.

在大多数浏览器中，HTML标题不会显示在HTML框架视图中。相反，它显示在浏览器窗口标题栏或选项卡标签中。因此，并非所有浏览器都实现了标题的方向和对齐。它们只是遵循操作系统语言的默认对齐方式。（即使BiDi方向正确，对齐也遵循系统默认值）

换句话说，HTML标题不能用HTML BiDi属性控制。

如果将put dir=“rtl”添加到标记中，问题仍然存在。此页面中不需要标题，因为此页面仅用于隔离问题：）并且仅用于记录，您可以在任何元素上使用dir属性，而不仅仅用于body或html标记。感谢您的努力，使其实际用于我的示例：）

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style>
    .tipped { position: relative; }
    .tipped .tip { display: none; position: absolute; right: 1em; top: -3em;}
    .tipped:hover .tip {
      display: block;
      background: #ffe;
      color: black;
      border: solid 1px #333;
      padding: 0.2em 0.3em;
      width: 22em;
    }
    </style>
</head>
<body dir="rtl">
<span class=tipped>
<img
        width="200"
        height="100"
        src="https://www.imagecomics.com/uploads/banners/images/zero_2_large.jpg">
<span class=tip>
نور روشن است که در پشت موضوع شما و سنسور جلو و عقب از دست رفته است، آن را برای دوربین اول معلوم شد که.
</span>
</span>
</body>