JSFiddle - React, Tailwind, and code Playground
HTML
<table id='searchtable' border='1' style=' text-align:center; width:100%; font-size: 16px; border-spacing: 0px; border-color:#DDD ;' ><thead></thead><tbody><tr onMouseOver='this.style.backgroundColor='#DCDCDC' ; ' onMouseOut='this.style.backgroundColor='#F0f0f0' ; ' ><td style='BORDER-BOTTOM: #AAAAAA 0px solid; background-color:#007799; '> <a style='font-family: 微軟正黑體; color:#FFFFFF ' >判斷來源</a></td><td style='BORDER-BOTTOM: #AAAAAA 0px solid; background-color:#007799; '> <a style='font-family: 微軟正黑體; font-size : x-large; color:#FFFFFF ' >編號1</a></td><td style='BORDER-BOTTOM: #AAAAAA 0px solid; background-color:#007799; '> <a style='font-family: 微軟正黑體; font-size : x-large; color:#FFFFFF ' >編號2</a></td><td style='BORDER-BOTTOM: #AAAAAA 0px solid; background-color:#007799; '> <a style='font-family: 微軟正黑體; font-size : x-large; color:#FFFFFF ' >姓名</a></td><td style='BORDER-BOTTOM: #AAAAAA 0px solid; background-color:#007799; '> <a style='font-family: 微軟正黑體; font-size : x-large; color:#FFFFFF ' >ID</a></td> <td style='BORDER-BOTTOM: #AAAAAA 0px solid; background-color:#007799;width:80px; '> <a style='font-family: 微軟正黑體; font-size : x-large; color:#FFFFFF ' >生日</a></td> <td style='BORDER-BOTTOM: #AAAAAA 0px solid; background-color:#007799; '> <a style='font-family: 微軟正黑體; font-size : x-large; color:#FFFFFF ' >電話1</a></td><td style='BORDER-BOTTOM: #AAAAAA 0px solid; background-color:#007799; '> <a style='font-family: 微軟正黑體; font-size : x-large; color:#FFFFFF ' >電話2</a></td><td style='BORDER-BOTTOM: #AAAAAA 0px solid; background-color:#007799; '> <a style='font-family: 微軟正黑體; font-size : x-large; color:#FFFFFF ' >電話3</a></td><td style='BORDER-BOTTOM: #AAAAAA 0px solid; background-color:#007799; '> <a style='font-family: 微軟正黑體; font-size : x-large; color:#FFFFFF ' >電話4</a></td></tr><tr onMouseOver='this.style.backgroundColor='#DCDCDC' ; ' onMouseOut='this.style.backgroundColor='#F0f0f0' ; ' ><td...
CSS
#wrapper{border:1px solid #ccc;width:100%;float:left;min-width:202px;
text-align: justify;
text-justify:inter-ideograph;
}
#wrapper .item{border:1px solid #ccc;width:200px;line-height:200px;height:200px;margin:5px;float:left;margin:0;}
#wrapper img{width:180px;height:180px;margin:10px;}