画像を ”vertical-align: middle;” する

画像の縦位置というか上下位置というか、中央に表示する。

.listphoto {
	width: 150px;
	height: 150px;
	border: 1px solid silver;
	display: table;
}
.listphoto .vertical_middle {
	width: 100%;
	height: 100%;
	display: table-cell; 
	vertical-align: middle;
}
.listphoto  .vertical_middle  img {
	padding: 2px;
	max-height: 146px;
	max-width: 146px;
	border: none;
	vertical-align: middle;
}

コメントを残す