書いてみた
まだぐしゃぐしゃだがやはりスタイルはまとめて他の場所に書くほうがすっきりするようだ。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>List</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="jquery.min.js"></script> <style type="text/css"> .cell { width: 320px; height: 66px; background: white; border: black; display: flex; flex-direction: row; align-content: center; align-items: center; border-radius:10px; } body { background: linear-gradient(#0000CC, #0000FF); width: 400px; height: 800px; } </style> </head> <body> <div id="container"> <div id="cell" class="cell" style="visibility:hidden;"> <img id="cell_icon" src="menu/icon_01.png"> <div id="cell_title">hoge</div> <div id="cell_amount"></div> </div> <div id="listBox"></div> </div> </body> <script type="text/javascript" src="menu.js"> </script> </html>