teratailの質問/回答の本文で次のmarkdown書式を入力します。
- [質問投稿画面|teratail(テラテイル)](https://teratail.com/questions/input)
すると、次のようにマークアップされるようになりました。
HTML
1<ul> 2 <li><a href="https://teratail.com/questions/input">質問投稿画面|teratail(テラテイル)</a></li> 3</ul>
2015/12/02までは最も階層の深いmarkdown書式しか有効ではありませんでしたが、2015/12/03からはmarkdownの入れ子が認識されるように修正されています。
これは以前から切望していた機能でとても有難いアップデートです。
ところが、この修正後、過去に私が投稿した回答/質問欄でレイアウト上で崩れてしまっています。
HTML/CSSは次のようになっています。
CSS
1/** 2 * @url https://teratail.com/css/questions/markdown.css?1449116868 3 */ 4.question-preview a[rel="nofollow"] { 5 display: block; 6}
HTML
1- <a href="https://teratail.com/questions/input" rel="nofollow" target="_blank" class="question-preview">質問投稿画面|teratail(テラテイル)</a>
.question-preview a[rel="nofollow"] { display: block; }
は2015/12/02までは存在しませんでした。
その為、以前はインライン要素のように使えていたa要素がブロックボックス扱いとなり、レイアウト上で互換性が保てなくなっています。
この現象は次の質問スレで確認できます。
この現象は皆さんの環境でも確認できるでしょうか。
また、他にアップデートに伴う不具合があれば、教えて下さい。
(2015/12/04 00:20追記)
公式ブログで報告しました。
(2015/12/04 00:47追記)
コードブロックのCSS周りもおかしいですね。
私の回答は再編集したので期待通りに表示されますが、2015/12/02以前に投稿した他の方の回答のスタイルが崩れているように見えます。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/12/04 14:37 編集