BagForLove - Chain Flap Straw Bag with Block Striped Pattern Product Description Color Multicolor Type Straw Bag Bag Size Medium Strap Type Chain Pattern Type Striped Style Vacation Closure Type Flap Material Paper Size Chart INCH CM Strap Length Bag Length Bag Width Bag Height Handle Height 48 inch 9.8 inch 0.8 inch 7.1 inch 9.8 inch Strap Length Bag Length Bag Width Bag Height Handle Height 122 cm 25 cm 2 cm 18 cm 25 cm Details Pictures Similar Products h2 { text-align: center; } /* æ¢è¡ */ li{ white-space: normal; word-break: break-all; word-wrap: break-word; } .red-box { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .red-box > div { width: 190px; height: 250px; margin: 10px; } .red-box > div > a > img { width: 190px; height: 250px; } .size-box { width: 100%; margin: auto; white-space: nowrap; } .table { border-collapse: collapse; border-spacing: 0; width: 100%; table-layout: fixed; } tr, td, th { border: 1px solid rgb(175, 173, 173); padding: 10px 0px; text-align: center; font-size: 14px; box-sizing: border-box; } .color-button { height: 26px; border: 1px solid #222; margin: 10px 0; } .common { width: 99px; height: 25px; float: left; text-align: center; cursor: pointer; } .in-box, .cm-box { width: 100%; margin: auto; white-space: nowrap; } .size-button { width: 98px; height: 22px; border: 1px solid #222; margin: 10px 0; } .cm { width: 48px; height: 23px; float: right; text-align: center; cursor: pointer; } .in { width: 48px; height: 23px; float: left; text-align: center; cursor: pointer; } .checked { background-color: #222; color: #fff; } .hidden { display: none; } @media only screen and (min-device-width: 320px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 2) { .table { table-layout: auto; } tr, td, th { font-size: 12px; } .red-box > div { width: 140px; height: 210px; margin: 10px; } .red-box > div > a > img { width: 140px; height: 210px; } } $(function () { $('.in').bind("click", function () { $('.in').addClass("checked"); $('.cm').removeClass("checked"); $('.in-box').removeClass("hidden"); $('.cm-box').addClass("hidden"); }); $('.cm').bind("click", function () { $('.cm').addClass("checked"); $('.in').removeClass("checked"); $('.cm-box').removeClass("hidden"); $('.in-box').addClass("hidden"); }); })