teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

回答の修正

2020/07/20 05:10

投稿

nelpesica
nelpesica

スコア159

answer CHANGED
@@ -1,9 +1,9 @@
1
- overflowはインライン要素に適用されないので、ブロック要素かインラインブロック要素に当てる必要があります。
1
+ overflowはインライン要素に適用されないので、ブロック要素かインラインブロック要素に当てる必要があります。
2
- .tel-lineにdisplay:block;を当てると少し面倒なのでその上の.inquiry-titleに当てるほうが簡単です。
2
+ .tel-lineにdisplay:block;を当てると少し面倒なのでその上の.inquiry-titleに当てるほうが簡単です。
3
- ただ、そうすると.inquiry-titleに余計なす
4
3
  ```css
5
4
  .telephone > .inquiry-title {
6
5
  overflow: hidden;
7
- display: inline-block;
6
+ display: block;
8
7
  }
9
- ```
8
+ ```
9
+ これで実現したい動きはできると思います。