ajicolor
https://blog.hatena.ne.jp/ajicolor/
やわらかしかっけい
https://ajicolor.hatenablog.jp/
HTML,CSS,javascript
そんなことある？って感じなんだけど、サイトの多言語化対応で、英語・アラビア語のサイトを作っている。アラビア語って、右から左に書く言語。なので当然サイトが全部 dir="rtl" になるってワケ。そりゃレイアウト崩れるとこも出てくる。 CSSで崩れたとこ直すとき サイト全体のCSSに、アラビア語のページだけに適用されるCSSを書き加える。WordPressプラグイン「Polylang」で多言語化を行なっている場合、アラビア語ページのソースコードを見ると <!DOCTYPE html> <html dir="rtl" lang="ar" data-loaded="false" data-scrol…
190
<iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fajicolor.hatenablog.jp%2Fentry%2F2021%2F10%2F02%2F135550" title="CSSでhtmlのdir=rtl属性を指定する（アラビア語対応） - やわらかしかっけい" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe>
Hatena Blog
https://hatena.blog
2021-10-02 13:55:50
CSSでhtmlのdir=rtl属性を指定する（アラビア語対応）
rich
https://ajicolor.hatenablog.jp/entry/2021/10/02/135550
1.0
100%