首页 > 其他分享 >How many types of display in html?

How many types of display in html?

时间:2022-12-11 20:35:30浏览次数:28  
标签:elements element How html inline type display types

There are several types of displays that can be used in HTML, including:

  1. block: This type of display causes an element to take up the full width of its parent container and create a new line after it.

  2. inline: This type of display causes an element to only take up as much space as necessary and allows other elements to be displayed on the same line.

  3. inline-block: This type of display combines the characteristics of both inline and block elements, allowing an element to be displayed inline with other elements but still allowing it to have its own dimensions (such as width and height).

  4. none: This type of display causes an element to not be displayed on the page at all.

Additionally, there are other less commonly used display types, such as flex and grid, which are used for more advanced layout and positioning of elements on a page.

标签:elements,element,How,html,inline,type,display,types
From: https://www.cnblogs.com/chucklu/p/16974356.html

相关文章

  • how to sort list according to the number/another list
    20221111Sortwithcustomfunctionusingkeylist.sort(key=len)orsorted(list,key=len)#takesecondelementforsortdeftakeSecond(elem):returnelem[1......
  • Web应用开发必知的HTML 5编码实践方法
    本人作品,转载请注明出处HTML5现在的发展相当迅速,越来越多的浏览器开始支持HTML5的新特性,也涌现出越来越多的基于HTML5的App应用,毫无疑问,作为web开发者,必须了解和懂得HTML......
  • HTML5 中fullscreen 中的几个API和fullscreen欺骗
    HTML5中的fullscreen,目前可以在除IE和opera外的浏览器中使用,有的时候用来做全屏API,游戏呀,等都很有用。先看常见的API1element.requestFullScree......
  • What's the blur event in Html?
     What'stheblureventinHtml?InHTML,theblureventistriggeredwhenanelementlosesfocus.Thismeansthattheelementisnolongerselectedoractive,......
  • How many types the input element has in Html?
    HowmanytypestheinputelementhasinHtml?TherearemanytypesofinputelementsinHTML,andtheexactnumbercanvarydependingonhowyoucountthem.......
  • HTML5标签(1)
    Doctype:说明使用的HTML是什么版本。html:包含文件的全部内容。head:网页头部标签。meta:声明使用的字符编码语言。title:表示HTML5文档的标题。body:包含文档的主体内容。......
  • HTML5标签(2)
    图片标签:img:插入图片src:图片的地址align:对齐方式width:宽度heigth:高度border:边框厚度(大小)alt:提示信息(图片不显示时)top:偏上方middle:中间bottom:底端left:左right:右超链......
  • How to install Tabby(Terminus): A modern age terminal on Ubuntu 22.04
    HowtoinstallTabby(Terminus):AmodernageterminalonUbuntu22.047monthsagoby AdnanShabbirTheTerminalistheprimarytoolofanyLinuxdistribut......
  • v-if和v-show的区别
    1.展示形式不同:v-if是创建或者删除一个dom节点v-show是display:none、block2.性能比较:初次加载v-if要比v-show好,因为页面不会一上来就加载盒子频繁切换v-show要比v-i......
  • html使背景图片充满整个屏幕
    html使背景图片充满整个屏幕 body{/*加载背景图片*/background-image:url(bgimg.jpg);/*背景图垂直、水平均居中*/backg......