Twitterの画像の間に隙間を開けるuserstyle
イラストを横に並べた1枚なのか、それとも2枚なのか。
左に大きいのがあるのはわかるが右は2枚なのか3枚なのか。
いろいろとわかりづらいので隙間を広げた。
/* 画像2枚 */ .AdaptiveMedia-halfWidthPhoto:first-child{ margin-right: 5px !important; } .AdaptiveMedia-halfWidthPhoto{ width: calc((100% - 5px) / 2) !important; } /* 画像3枚 */ .AdaptiveMedia-twoThirdsWidthPhoto{ margin-right: 5px !important; width: calc((100% - 5px) / 3 * 2) !important; } .AdaptiveMedia-halfHeightPhotoContainer{ width: calc((100% - 5px) / 3) !important; } .AdaptiveMedia-halfHeightPhoto{ margin-bottom: 5px !important; height: calc((100% - 5px) / 2) !important; } /* 画像4枚 */ .AdaptiveMedia-threeQuartersWidthPhoto{ margin-right: 5px !important; width: calc((100% - 5px) / 4 * 3) !important; } .AdaptiveMedia-thirdHeightPhotoContainer{ width: calc((100% - 5px) / 4) !important; } .AdaptiveMedia-thirdHeightPhoto{ margin-bottom: 5px; height: calc((100% - 5px * 2) / 3) !important; }