{"id":1315,"date":"2014-09-26T10:51:31","date_gmt":"2014-09-26T10:51:31","guid":{"rendered":"https:\/\/ibex.tech\/cloud\/?p=1315"},"modified":"2023-10-31T14:05:13","modified_gmt":"2023-10-31T14:05:13","slug":"width","status":"publish","type":"post","link":"https:\/\/ibex.tech\/cloud\/css\/width","title":{"rendered":"Width"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Calculate width based on total width<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>#content {\n  width: -moz-calc(100% - 10px);\n  width: -webkit-calc(100% - 10px);\n  width: -o-calc(100% - 10px);\n  width: calc(100% - 10px);\n}\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Width only as wide as needed for the text<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>.My-Button {\n  min-width: 86px;\n  display: inline-block;\n}<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Min width needed to fit the content<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Min possible (move things under each other to minimise)<\/h5>\n\n\n\n<pre class=\"wp-block-code\"><code>  width: min-content;\n<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\">Min needed without making thinner than normal<\/h5>\n\n\n\n<pre class=\"wp-block-code\"><code>  width: fit-content;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Calculate width based on total width Width only as wide as needed for the text Min width needed to fit the content Min possible (move things under each other to minimise) Min needed without making thinner than normal<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45],"tags":[],"class_list":["post-1315","post","type-post","status-publish","format-standard","hentry","category-css"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/1315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/comments?post=1315"}],"version-history":[{"count":5,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/1315\/revisions"}],"predecessor-version":[{"id":4556,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/1315\/revisions\/4556"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/media?parent=1315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/categories?post=1315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/tags?post=1315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}