質問編集履歴

4

タイトル変更

2015/12/03 22:51

投稿

think49
think49

スコア18156

test CHANGED
@@ -1 +1 @@
1
- teratail でリスト/リンクを組み合わせたmarkdown書式の過去の質問/回答欄でCSSがおかしくなった
1
+ 2015/12/03以降、teratail で過去の質問/回答本文のレイアウトが崩れる(CSS起因?)
test CHANGED
File without changes

3

編集時に質問文を削除してしまっていたのを修正

2015/12/03 22:51

投稿

think49
think49

スコア18156

test CHANGED
File without changes
test CHANGED
@@ -76,6 +76,12 @@
76
76
 
77
77
 
78
78
 
79
+ この現象は皆さんの環境でも確認できるでしょうか。
80
+
81
+ また、他にアップデートに伴う不具合があれば、教えて下さい。
82
+
83
+
84
+
79
85
  ---
80
86
 
81
87
 

2

コードブロックのレイアウト崩れ事例を追記

2015/12/03 22:49

投稿

think49
think49

スコア18156

test CHANGED
File without changes
test CHANGED
@@ -87,3 +87,21 @@
87
87
  公式ブログで報告しました。
88
88
 
89
89
  - [Markdown記法を変更しました|teratailブログ](https://teratail.com/blog/article/ba21)
90
+
91
+
92
+
93
+ ---
94
+
95
+
96
+
97
+ **(2015/12/04 00:47追記)**
98
+
99
+
100
+
101
+ - [二次元配列内の数値を加算してまとめたい(21402)|teratail](https://teratail.com/questions/21402)
102
+
103
+
104
+
105
+ コードブロックのCSS周りもおかしいですね。
106
+
107
+ 私の回答は再編集したので期待通りに表示されますが、2015/12/02以前に投稿した他の方の回答のスタイルが崩れているように見えます。

1

該当例のCSSを追加。公式ブログで報告。

2015/12/03 15:47

投稿

think49
think49

スコア18156

test CHANGED
File without changes
test CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
 
16
16
 
17
- ```
17
+ ```HTML
18
18
 
19
19
  <ul>
20
20
 
@@ -26,28 +26,64 @@
26
26
 
27
27
 
28
28
 
29
- 12/2までは最も階層の深いmarkdown書式しか有効ではありませんでしたが、12/3からはmarkdownの入れ子が認識されるように修正されています。
29
+ 2015/12/02までは最も階層の深いmarkdown書式しか有効ではありませんでしたが、2015/12/03からはmarkdownの入れ子が認識されるように修正されています。
30
30
 
31
31
  これは以前から切望していた機能でとても有難いアップデートです。
32
32
 
33
33
 
34
34
 
35
- ところが、この修正過去に私が投稿した回答/質問欄のマークップまは反映さようです。
35
+ ところが、この修正後、過去に私が投稿した回答/質問欄でレイウト上てしまってす。
36
36
 
37
- (該当例: [javascriptdoSomething();return false使用方法(19812)|teratail](https://teratail.com/questions/19812#r30957) )
37
+ HTML/CSSは次ようになっています。
38
38
 
39
39
 
40
40
 
41
- ```
41
+ ```CSS
42
42
 
43
- -&nbsp;
43
+ /**
44
44
 
45
- <a style="display: block;" href="https://teratail.com/questions/input">質問投稿画面|teratail(テラテイル)</a>
45
+ * @url https://teratail.com/css/questions/markdown.css?1449116868
46
+
47
+ */
48
+
49
+ .question-preview a[rel="nofollow"] {
50
+
51
+ display: block;
52
+
53
+ }
46
54
 
47
55
  ```
48
56
 
49
57
 
50
58
 
51
- `display: block;` は実際には [markdown.css](https://teratail.com/css/questions/markdown.css?1449116868) で指定されていますが、分かりやすいようにインラインスタイルにしています。
59
+ ```HTML
52
60
 
61
+ -&nbsp;<a href="https://teratail.com/questions/input" rel="nofollow" target="_blank" class="question-preview">質問投稿画面|teratail(テラテイル)</a>
62
+
63
+ ```
64
+
65
+
66
+
67
+ `.question-preview a[rel="nofollow"] { display: block; }` は2015/12/02までは存在しませんでした。
68
+
53
- 先日から変挙動ばか発見しますがこの挙動は皆さんの環境も再現できているでしょうか
69
+ その為、以前はインライン要素のように使えていたa要素がブロックボックス扱いとなり、レイアウト上互換性が保なくなってます
70
+
71
+ この現象は次の質問スレで確認できます。
72
+
73
+
74
+
75
+ - [javascriptのdoSomething();return false使用方法(19812)|teratail](https://teratail.com/questions/19812#r30957)
76
+
77
+
78
+
79
+ ---
80
+
81
+
82
+
83
+ **(2015/12/04 00:20追記)**
84
+
85
+
86
+
87
+ 公式ブログで報告しました。
88
+
89
+ - [Markdown記法を変更しました|teratailブログ](https://teratail.com/blog/article/ba21)