<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="長い行を折り返す">
</head>
<body>
<pre><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="長い行を折り返す">
</head>
<body>
<pre>&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
&lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="長い行を折り返す"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;pre&gt;@charset "UTF-8";
/* CSS Document */
/* imageList */
.imageList {
width: 525px;
display: flex;
object-fit: cover;
}
.imageList__view {
flex: 0 0 400px;
height: 650px;
}
.imageList__thumbs {
flex: 1;
display: flex;
flex-wrap: nowrap;
}
.imageList__thumbnail {
margin-right: 10px;
width: 75px; // 確認用のダミースタイル
height: 75px; // 確認用のダミースタイル
}
.imageList img {
width: 100%;
display: block;
}
.selected {
position: relative;
&amp;amp;::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color:
opacity: .7;
}
}
/* imageList */
table{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
table th,table td{
padding: 10px 0;
text-align: center;
}
table tr:nth-child(odd){
background-color: #eee
}
/* eievatewebZoom不使用 */
/*set a border on the images to prevent shifting*/
.gallery_01 img{border:2px solid white;}
/*Change the colour*/
.active img{border:2px solid #333 !important;}
&lt;/pre&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
</body>
</html>
</pre>
</body>
</html>