質問編集履歴
3
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
### 前提
|
|
10
|
-
一応Nuxt.jsを利用していますが、素のHTML,CSSでもできないので、
|
|
10
|
+
一応Nuxt.jsを利用していますが、素のHTML,CSSでも実現できないので、直接関係はない認識です。
|
|
11
11
|
|
|
12
12
|
### 試したこと
|
|
13
13
|
左の3つのカラムにmax-widthを指定すれば実現できると思ったのですが、
|
|
@@ -16,5 +16,5 @@
|
|
|
16
16
|
|
|
17
17
|
また、`table-layout: fixed`にした上で、左の3つのカラムにwidthを指定すると、
|
|
18
18
|
ある程度は実現したいことが達成できるのですが、画面幅を小さくした時に綺麗にカラム幅が小さくならないです。
|
|
19
|
-
ある程度までは小さくなるのですが
|
|
19
|
+
ある程度までは小さくなるのですが、それ以上小さくすると、要素が重なり、width指定していないときより汚くなるので、これも断念しました。
|
|
20
20
|
|
2
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -17,4 +17,4 @@
|
|
|
17
17
|
また、`table-layout: fixed`にした上で、左の3つのカラムにwidthを指定すると、
|
|
18
18
|
ある程度は実現したいことが達成できるのですが、画面幅を小さくした時に綺麗にカラム幅が小さくならないです。
|
|
19
19
|
ある程度までは小さくなるのですがが、それ以上小さくすると、要素が重なり、width指定していないときより汚くなるので、これも断念しました。
|
|
20
|
-
|
|
20
|
+
|
1
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
### 実現したいこと
|
|
2
2
|
この画像のようなテーブルを作成したいです。
|
|
3
3
|
- テーブルの横幅は親要素の横幅と同じ（width: 100%）
|
|
4
|
-
- 左の3つのカラムは中身に合わせて可変
|
|
4
|
+
- 左の3つのカラムは中身に合わせて可変
|
|
5
5
|
- 一番右のカラムはテーブルの幅の残り全て
|
|
6
6
|
|
|
7
7
|
|