質問編集履歴
1
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -68,4 +68,41 @@
|
|
|
68
68
|
height: 5vh;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
追記
|
|
74
|
+
|
|
75
|
+
状況をもう少し説明すると、
|
|
76
|
+
|
|
77
|
+
最初以下の状態からcolumn 1の幅を縮めていって
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
この状態まではテーブル全体の幅が小さくなっていくので他のセルの幅は縮まりません
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
しかしここでさらに縮めていき、2行になったあたりでテーブルのサイズが小さくならず変わりにcolumn 3が大きくなっていきます。
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
この様にcolumn 1を縮めていって最終的にcolumn 3のサイズが変わらない様にしたいです。
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
やりたい事は以上なのですが、例えば、以下の様に対応できるかも？と思っています。↓
|
|
93
|
+
2行になったところでこの様にcolumn 3のサイズが変わってしまうので下記の様に仮に最初から2行で表示してword-break: break-all;を消せば他のセルの幅が変わってしまうこともなくなります。
|
|
94
|
+
しかし下記は無理やり<br>で改行しているのでこれをやめたいです。最初から適当なところで中身の長さに応じて改行される様にできないか？という感じです。。。
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
```html
|
|
98
|
+
|
|
99
|
+
<tbody>
|
|
100
|
+
<tr>
|
|
101
|
+
<td>
|
|
102
|
+
<div class="table-cell"> aaaaaaaaaaaaaaaaaaa
|
|
103
|
+
<br>
|
|
104
|
+
aaaaaaaaaaaaaaaaaaaaa
|
|
105
|
+
</div>
|
|
106
|
+
</td>
|
|
107
|
+
|
|
71
108
|
```
|