Ich versuche, den Text automatisch so auszurichten, dass bei arabischen Texten der Text rechts beginnt und bei englischen Texten links. Nach einer Suche im Internet habe ich herausgefunden, dass ich dir="auto" ，并在 CSS 文件中使用 text-align: auto; im Tag verwenden muss. Ich habe das h1 標簽，但沒有使用 a-Tag verwendet.

代碼：

import "./item.css";

const Item = ({ Links, title }) => {
  return (
    <ul>
      <h1 dir="auto" className="itemTitle">{title}</h1>
      {Links.map((link) => (
        <li key={link.name}>
          <a dir="auto" className="itemLinks"
            href={link.link}>
            {link.name}
          </a>
        </li>
      ))}
    </ul>
  );
};

export default Item;

CSS文件：

.itemTitle{
    margin-bottom: 1px;
    font-family: 'Tajawal', sans-serif;
    text-align: auto;
    font-size: 15px;
    font-weight: 700;
    color: gray;
}

.itemLinks{
    color: gray;
    font-family: 'Tajawal', sans-serif;
    text-align: auto;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px; 
}

Ich wei? nicht, was ich hier übersehe, oder es funktioniert einfach nicht, weil ich eine Karte verwende! Etwas Hilfe w?re sehr dankbar.