左右の幅を固定で中央を残り全部広げる

ex.左100px　右150px　中央は100%に広げたい

<div class="tablewidth">
<div class="tablewidth_left">left<br />100px</div>
<div class="tablewidth_center">center<br />右と左の残り</div>
<div class="tablewidth_right">right<br />150px;</div>
</div>

.tablewidth{
max-width:700px;
margin:50px auto;
text-align:center;
display:flex;
}

.tablewidth_left{
width:100px;
background:#ff0000;
}

.tablewidth_center{
flex:1;
background:#c0c0c0;
}

.tablewidth_right{
width:150px;
background:#0072ff;
}

勉強させてもらったサイト

• jQuery 要素の数を判定して数に応じて表示、非表示を切り替える – WeBridge｜WeBridge