LANG SELRCT

コードを書く場所

2020年1月12日日曜日

テーブルのセルで折返しを無効にしたい(white-space: nowrap)


white-space: nowrapでやってみる

th, td {
  min-width: 240px;
  white-space: nowrap;
  border: solid 1px lightgray;
}


white-space: nowrap を設定した場合


white-space: nowrap を設定しない場合




コード.gs
function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}
意訳
この機能がやること
指定したHTMLファイルを表示する




index.html
<!DOCTYPE html>
<html>

<head>
<style>
table {
  border-collapse: collapse;
}

th, td {
  min-width: 240px;
  white-space: nowrap;
  border: solid 1px lightgray;
}
</style>
</head>

<body>
  <table>
    <tbody>
      <tr>
        <th>caption1</th>
        <th>caption2</th>
        <th>caption3</th>
      </tr>
      <tr>
        <td>1-1 Practice makes the impossible possible.</td>
        <td>1-2</td>
        <td>1-3</td>
      </tr>
      <tr>
        <td>2-1</td>
        <td>2-2</td>
        <td>2-3</td>
      </tr>
      <tr>
        <td>3-1</td>
        <td>3-2</td>
        <td>3-3</td>
      </tr>
    </tbody>
  </table>
</body>
</html>



最新の投稿

JIRAにステータスを追加したい

JIRAにステータスを追加したときの備忘録です。 新規ステータスを作成する ワークフローでステータスを追加する ボードにステータスを配置する 1. 新規ステータスを作成する Jira settingsを開きます Issuesを選択します ...