質問編集履歴

1

追加の質問を入力しました。

2022/10/16 09:16

投稿

spn
spn

スコア37

test CHANGED
@@ -1 +1 @@
1
- レスポンシブでpタグを改行させたい
1
+ レスポンシブでpタグを改行させたい ボタンの配置を表の線に合わせたい
test CHANGED
@@ -1,15 +1,21 @@
1
1
  ### 前提
2
2
 
3
+ 初歩的ですが、レスポンシブの対応中、
3
- お知らせページのpタグをレスポンシブ表に合わせ改行した
4
+ ネット調べてみてもうまくいきませんでした。
4
- <pタグはoverflow: hidden;
5
+ わかる方おられましたらご教授お願い致します。
5
- text-overflow: ellipsis;に指定している。>
6
- max-width,width90%を指定しても
7
- 折り返しができない。
8
6
 
9
7
  ### 実現したいこと
10
8
 
9
+ 2点あります。
10
+
11
- お知らせページのpタグを表に合わせて改行したい。
11
+ 1 お知らせページのpタグをレスポンシブで表に合わせて改行したい。
12
+    <pタグはoverflow: hidden;
13
+    text-overflow: ellipsis;に指定している。>
14
+   max-width,width90%を指定しても
15
+   折り返しができない。
16
+
17
+ 2 全て見るボタンの最後の文字のる、を上の線の端に合わせたい。(レスポンシブの全てで)
12
- pタグ全て表示させたい。
18
+   ▶︎は全て見るから7.56px離して表示させたい。
13
19
 
14
20
 
15
21
  ### 該当のソースコード
@@ -205,10 +211,11 @@
205
211
 
206
212
  ### 試したこと
207
213
 
208
- max-width,width90%を指定しても
214
+ 1 max-width,width90%を指定しても
209
215
  折り返しができない。
210
216
  レスポンシブ対応のみ改行したいのでbrは使いたくない。
211
217
 
218
+ 2 レスポンシブ対応全てで上の線に合わせたいが、幅によってずれてしまいます。
212
219
 
213
220
  ### 補足情報(FW/ツールのバージョンなど)
214
221