BagForLove - Sleek Straw Handbag Product Description Color Khaki Strap Type Double Handle Details Drawstring Pattern Type Plain Bag Size Small Style Vacation Type Straw Bag Closure Type Drawstring Material Paper Size Chart INCH CM Bag Length Bag Width Bag Height Handle Height Strap Length 13 inch 2.4 inch 8.7 inch 3.9 inch 47.2 inch Bag Length Bag Width Bag Height Handle Height Strap Length 33 cm 6 cm 22 cm 10 cm 120 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"); }); })