devwiki:html

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Last revisionBoth sides next revision
devwiki:html [2023/02/07 16:58] – [HTML5 Elements (Widgets)] yingdevwiki:html [2023/02/07 17:21] – [HTML5 Elements (Widgets)] ying
Line 147: Line 147:
   * horizontal center image, just put div text-align as center <code css>.div_name{ text-align: center; } </code>   * horizontal center image, just put div text-align as center <code css>.div_name{ text-align: center; } </code>
   * 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>.img_name{ margin: auto; display: block;} </code>   * 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>.img_name{ margin: auto; display: block;} </code>
 +  * 3rd method is to use latest div tech, flex, put div as flex<code css>
 +.div_name{
 +    display: flex;
 +    justify-content: center;
 +}
 +</code>
 ====== HTML 5 - Interactive Charts and Canvas ====== ====== HTML 5 - Interactive Charts and Canvas ======
  
  • devwiki/html.txt
  • Last modified: 2023/02/07 18:21
  • by ying