css & html
css & html
黄宝~
这个作者很懒,什么都没留下…
展开
-
相对定位、绝对定位、固定定位
原创 2021-07-15 12:08:36 · 132 阅读 · 0 评论 -
css display 属性
块级元素 独占一行。像 <h1> 、<div> 或是uniapp 中的view 等。 行内元素 不独占一行。像<span>、小程序中的<text>display 其实就是设置元素的排列方式display:inline ,设置为行内元素。没有宽高 display: inline-block;设置为行内块元素。有宽高 display: block;设为块级元素 display: none; none不显示 ...原创 2021-07-15 10:33:54 · 151 阅读 · 0 评论 -
小程序 margin-right无效,文字溢出?
先来看下盒子模型 box-sizing样式,告诉浏览器去理解你设置的边框和内边距的值是包含在width内 设置了 box-sizing: border-box; 盒子的宽度 = border + padding + width 盒子的高度 = border + padding + height 注意margin并没有算在这里面#使用了 box-sizing: border-box; 实际这个容器的width = 100px;.container2{ wi...原创 2021-07-02 11:52:41 · 1082 阅读 · 2 评论 -
详解CSS的相对定位和绝对定位
详解CSS的相对定位和绝对定位转载 2018-07-24 09:40:07 · 269 阅读 · 0 评论 -
css绝对定位、相对定位和文档流的那些事
原文 http://www.cnblogs.com/tim-li/archive/2012/07/09/2582618.htmlcss绝对定位、相对定位和文档流的那些事前言 接触html、和css时间也不短了,但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决,但总不是个转载 2017-11-27 22:42:40 · 631 阅读 · 0 评论 -
Flex 布局教程:语法篇
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这转载 2017-08-04 17:31:51 · 316 阅读 · 0 评论 -
Flex 布局教程:实例篇
原文点击打开链接你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面,最多可以放置9个点。下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到c转载 2017-08-11 16:00:10 · 418 阅读 · 0 评论 -
Meta标签中的apple-mobile-web-app-capable属性及含义
这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。原创 2017-05-04 11:34:55 · 5574 阅读 · 0 评论 -
HTML meta viewport属性说明(mark)
点击打开原文什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制转载 2017-05-04 11:31:51 · 381 阅读 · 0 评论 -
HTML中img路径问题
1.当.html与图片在一个文件夹下时,直接用图片的名字即可[html] view plain copy img src="311293.jpg" width="200px" weight="200px" alt="picture" /> 2.当img图片文件夹和.html文件位于同一个文件夹下,可用[html]原创 2017-05-03 12:56:22 · 42491 阅读 · 0 评论