首页 > 其他分享 >CSS Display

CSS Display

时间:2023-03-09 13:24:31浏览次数:38  
标签:元素 例子 内联 宽度 Display CSS

CSS Display - 块和内联元素

块元素是一个元素,占用了全部宽度,在前后都是换行符。

块元素的例子:

  • <h1>
  • <p>
  • <div>

内联元素只需要必要的宽度,不强制换行。

内联元素的例子:

  • <span>
  • <a>

如何改变一个元素显示

可以更改内联元素和块元素,反之亦然,可以使页面看起来是以一种特定的方式组合,并仍然遵循web标准。

下面的示例把列表项显示为内联元素:

实例

li {display:inline;} https://www.lekaowang.com/cjhjs/zx/ksdg/

标签:元素,例子,内联,宽度,Display,CSS
From: https://www.cnblogs.com/5-si6/p/17197999.html

相关文章

  • CSS Position
    CSS Position(定位)position属性指定了元素的定位类型。position属性的五个值: staticrelativefixedabsolutesticky元素可以使用的顶部,底部,左侧和右侧属性定......
  • 【CSS】关于 :root, --, var()
    :root这个CSS伪类匹配文档树的根元素。对于HTML来说,:root表示<html>元素,除了优先级更高之外,与html选择器相同。所有主流浏览器均支持:root选择器,除了IE8及......
  • CSS中盒子模型实验
    如题。#d0是容器,顺便对弹性盒子(flex)进行了一点简单说明。详见搜索引擎。代码:1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5......
  • 浏览器控制台引入css和js
    varimport_css=document.createElement('link');import_css.setAttribute("rel","stylesheet");import_css.setAttribute("href",'https://cdn.bootcdn.net/ajax/lib......
  • CSS流动布局-页面自适应
    项目中经常会碰到页面自适应的问题,例如:商城的列表展示、分类列表展示等页面,如下:该页面会随着页面的放大缩小而随之发生变化,解决方法:display:flex;配合子元素的动态宽度......
  • CSS技术
    1.CSS是CascadingStyleSheet的缩写。译作(层叠样式表单)。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。2.把css样式写成一个单独的css文件,再......
  • CSS常用样式
    https://blog.csdn.net/weixin_53988377/article/details/125858313https://blog.csdn.net/fuhanghang/article/details/124405220https://www.laike.net/article-99-148......
  • 界面组件DevExpress WinForms v22.2 - 升级对HTML & CSS的支持
    DevExpressWinForms拥有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。DevExpressWinForms能完美构建流畅、美观且易于使用的应用程序,无论是Office......
  • css中的flex布局
    好久没有更新内容了,今天记录下弹性布局的知识点,比较简洁,不多说其他话了,直接开写。一、flex布局的设置方式和组成部分设置方式:在需要弹性布局区域的父元......
  • 狂神说css学习笔记
    什么是CSSCascadingStyleSheet层叠级联样式表CSS:表现层(美化网页)如:字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动等。CSS发展史CSS1.0CSS2.0DIV(块)+CSS,HTML和CSS......