{"id":4559,"date":"2024-02-18T15:33:08","date_gmt":"2024-02-18T06:33:08","guid":{"rendered":"https:\/\/taitan916.info\/blog\/?p=4559"},"modified":"2024-02-09T15:39:19","modified_gmt":"2024-02-09T06:39:19","slug":"post-4559","status":"publish","type":"post","link":"https:\/\/taitan916.info\/blog\/archives\/4559","title":{"rendered":"CSS\u3067float\u3084margin&width\u306f\u4f7f\u308f\u305a\u306b\u30d6\u30ed\u30c3\u30af\u8981\u7d20\u306e\u4e2d\u592e\u5bc4\u305b\u30fb\u53f3\u5bc4\u305b\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"

CSS\u3067\u30d6\u30ed\u30c3\u30af\u8981\u7d20\u3092\u4e2d\u592e\u5bc4\u305b\u3059\u308b\u5834\u5408\u306fwidth\u6307\u5b9a\u3057\u3064\u3064\u300cmargin:0 auto\u300d\u3092\u3001\u53f3\u5bc4\u305b\u3059\u308b\u5834\u5408\u306ffloat\u6307\u5b9a\u3057\u3066\u3044\u305f\u3002\u3053\u306e\u65b9\u6cd5\u3060\u3068\u4e2d\u592e\u5bc4\u305b\u306e\u5834\u5408\u306bPC \/ SP\u3067width\u304c\u5909\u308f\u308b\u5834\u5408\u306f\u9762\u5012\u304f\u3055\u3044\u3057\u3001\u53f3\u5bc4\u305b\u306e\u5834\u5408\u306f\u89aa\u8981\u7d20\u306emargin\u304c\u305a\u308c\u308b\u3068\u3044\u3063\u305f\u554f\u984c\u304c\u3042\u308a\u3001\u3082\u3063\u3068\u826f\u3044\u65b9\u6cd5\u3092\u7121\u3044\u304b\u8abf\u3079\u305f\u306e\u3067\u30e1\u30e2\u3002<\/p>\n

 <\/p>\n

\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9<\/h2>\n

https:\/\/developer.mozilla.org\/ja\/docs\/Web\/CSS\/justify-content<\/a><\/p>\n

 <\/p>\n

\u30b5\u30f3\u30d7\u30eb<\/h2>\n

https:\/\/taitan916.info\/sample\/flex-justify-content\/<\/a><\/p>\n

 <\/p>\n

\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9<\/h2>\n
<html lang=\"ja\">\r\n<head>\r\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\r\n<title>\u30d6\u30ed\u30c3\u30af\u8981\u7d20\u306e\u5de6\u5bc4\u305b\u30fb\u4e2d\u592e\u5bc4\u305b\u30fb\u53f3\u5bc4\u305b<\/title>\r\n<style>\r\n.left{\r\n    display: flex;\r\n    justify-content: start;\r\n}\r\n.center{\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n.right{\r\n    display: flex;\r\n    justify-content: end;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"left\">\u5de6\u5bc4\u305b<\/div>\r\n    <div class=\"center\">\u4e2d\u592e\u5bc4\u305b<\/div>\r\n    <div class=\"right\">\u53f3\u5bc4\u305b<\/div>\r\n<\/body>\r\n<\/html><\/pre>\n
flex\u6307\u5b9a\u3057\u3064\u3064justify-content\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u4f4d\u7f6e\u3092\u8a2d\u5b9a\u3059\u308b\u306e\u304c\u826f\u3055\u305d\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
CSS\u3067\u30d6\u30ed\u30c3\u30af\u8981\u7d20\u3092\u4e2d\u592e\u5bc4\u305b\u3059\u308b\u5834\u5408\u306fwidth\u6307\u5b9a\u3057\u3064\u3064\u300cmargin:0  ... <\/p>\n","protected":false},"author":1,"featured_media":1070,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[10],"tags":[],"class_list":["post-4559","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t