|
Сообщение от Блондинка
|
|
текст в ячейках по вертикали
|
строка16.
<!DOCTYPE html>
<html>
<head lang="ru">
<meta charset="utf-8">
<title></title>
<style>
table tbody tr{
display: flex;
}
table tbody tr td{
border: 1px solid #000;
height: 100px;
margin: 1px;
border-radius: 6px/4px;
flex: 1;
line-height: 100px;
text-align: center;
}
table tbody tr td.week-day{
flex: none;
width: 62px;
}
</style>
</head>
<body>
<div style="border: 1px solid #000; width: 350px; padding: 5px;"><table style="border: 1px solid #00f; width: 100%; padding: 2px;"><tr>
<td class="week-day">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td></tr>
</table></div>
<div style="border: 1px solid #000; width: 350px; padding: 5px;"><table style="border: 1px solid #00f; width: 100%; padding: 2px;"><tr>
<td class="week-day">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr></table></div>
<div style="border: 1px solid #000; width: 350px; padding: 5px;"><table style="border: 1px solid #00f; width: 100%; padding: 2px;"><tr><td class="week-day">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr></table>
</div>
<br>
если в строке (tr) 5 ячеек, то td id=week-day 62px, остальные ячейки 62px<br>
если в строке (tr) 6 ячеек, то td id=week-day 62px, остальные ячейки 48px<br>
если в строке (tr) 7 ячеек, то td id=week-day 62px, остальные ячейки 39px
</body>
</html>