首页 > 其他分享 >页面布局

页面布局

时间:2024-05-09 10:01:48浏览次数:22  
标签:area 布局 height padding width 属性 margin 页面

页面布局

常见单位

绝对

实验性元素

cap

盒子模型:

四个边界:content, padding, border, margin

content area控制属性:height, width, min-height, max-height, min-width, max-width
padding area控制属性:padding-top, padding-right, padding-bottom, padding-left 和简写属性 padding
border area控制属性:border-width
margin area控制属性:margin-top, margin-right, margin-bottom, margin-left 和简写属性 margin

视口 viewport

除UI、菜单栏外的浏览器窗口,即正在浏览的文档部分,例如:

image

vh

标签:area,布局,height,padding,width,属性,margin,页面
From: https://www.cnblogs.com/randolph-chen/p/18181439

相关文章

  • mfc自定义控件的自动布局
    **CBRS_ALIGN_RIGHT是MFC(MicrosoftFoundationClass)中的一个标志,用于指示控件条可以停靠在框架窗口的客户区域右侧**。 在MFC中,窗口布局和控件的管理是一个重要的功能,尤其是在涉及到用户界面设计时。MFC提供了一套完整的机制来允许开发者创建和管理应用程序的界面,包括控......
  • uniapp+vue H5页面实现微信公众号授权登录
    <template><viewclass="my-userinfo-container"><!--头像和昵称区域--><viewclass="top-box"><image:src="form.headimgurl"class="avatar"></image>......
  • 为javaweb项目中的所有jsp页面设置相同字符集
    配置web.xml文件<?xmlversion="1.0"encoding="UTF-8"?><web-appxmlns="https://jakarta.ee/xml/ns/jakartaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="https://jakarta.ee/......
  • 网页布局-------三角制作
    使用border设置三角形,通过transparent隐藏多余的内容<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><......
  • 服务端缓存页面及IIS缓存设置:iis cache-control设定
    IIS是一个Web服务器软件,可以通过设置Cache-Control标头来控制浏览器或其他客户端如何缓存Web页面或资源。Cache-Control是HTTP协议中的一个响应头,它指示客户端在何种程度上缓存与重新获取资源。Cache-Control标头可用于控制客户端缓存的行为,例如缓存过期时间、是否强制重新验证缓......
  • react中的state值修改了,也触发了页面的重新渲染,但是视图没有更新,可能是什么原因?
    state更新的是一个值List,但是页面渲染使用的是List中的某一项(当前选中项curItem),也定义成了state,而更新状态时,只更新了List,忽视了当前选中项curItem的状态更新,导致视图没有更新,即使组件重新渲染了,但是视图中使用的是curItem解决方案:state中不要保存当前选中项curItem,而应该保......
  • 界面组件DevExpress Reporting中文教程 - 如何按条件显示页面水印?
    DevExpressReporting是.NETFramework下功能完善的报表平台,它附带了易于使用的VisualStudio报表设计器和丰富的报表控件集,包括数据透视表、图表,因此您可以构建无与伦比、信息清晰的报表。从防止未经授权的使用到建立所有权和真实性,文本和图像水印可以作为数字指纹。在最近的更......
  • vue多页面应用
    多页面应用本身和单页面应用没什么差别,无非是多了几个入口点。入口点多的话,还可以写个函数扫描路径取添加入口点。比较让人好奇的是路径的问题。我们要开发的时候要体现目录层级接口,所以入口文件是一层套一层的。但是部署后访问路径应该很短才行,最好是顶级路径。但这又只能改目......
  • 页面嵌套,界面套娃,除了用iframe,还有其他方式吗?
    ​ UIOTOS可以了解下,uiotos.net,通过连线来代替脚本逻辑开发,复杂的交互界面,通过页面嵌套轻松解决,是个很新颖的思路,前端零代码!蓝图连线尤其是独创的页面嵌套和属性继承技术,好家伙相当于把vue的组件化、增量式面向对象开发,直接搬到前端拖拽工具上,无代码编程了。总的来说,这上面的......
  • SwiftUI ZStack、HStack、VStack 布局
    代码////ContentView.swift//SwiftUIStacks////CreatedbyCHENHaoon2024/5/6.//importSwiftUIstructContentView:View{varbody:someView{VStack(spacing:15){HeaderView()HStack(spacing:15){......