Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
devwiki:html [2023/02/07 16:58] – [HTML5 Elements (Widgets)] ying | devwiki:html [2023/02/07 18:21] (current) – [HTML5 Elements (Widgets)] ying | ||
---|---|---|---|
Line 147: | Line 147: | ||
* horizontal center image, just put div text-align as center <code css> | * horizontal center image, just put div text-align as center <code css> | ||
* another way is to put image to respond to div center, margin itself, and it need to be block not inline to have margin <code css> | * another way is to put image to respond to div center, margin itself, and it need to be block not inline to have margin <code css> | ||
+ | * 3rd method is to use latest div tech, flex, put div as flex< | ||
+ | .div_name{ | ||
+ | display: flex; | ||
+ | justify-content: | ||
+ | } | ||
+ | </ | ||
+ | * in 3rd method, as it is like hbox default, those elements inside div is like widget in UI, to align those widgets together, set align-items in .div_name <code css> | ||
+ | .div_name{ | ||
+ | display: flex; | ||
+ | justify-content: | ||
+ | align-items: | ||
+ | } | ||
+ | </ | ||
====== HTML 5 - Interactive Charts and Canvas ====== | ====== HTML 5 - Interactive Charts and Canvas ====== | ||