CDN无法完成本次请求的说!以下是详细原因:
当前CDN节点根据您请求的域名找不到主机ID!
如果刚绑定域名,请等待5分钟后查看,持续出现本提示请与Hostker联系
效果如下
于是乎就写了起来,当然还是写了好久,不禁吐槽布局什么的看来又是白学了。
刚开始的时候使用flex,因为图片需要水平垂直居中,所以优先想到了昨天看的很方便的flex布局模式。
这里看到了flex布局,当时就觉得,代码好短好方便,然后就用了(可见flex版)。
在flex里,只需要margin: auto一行代码就能实现各方位的居中效果了。
然后?宓氖牵?⒏?⌒轮?笏??E11都不行……我当时以为只有上古浏览器不行,看来这句话是真的:
新的 flexbox 布局模式被用来重新定义CSS中的布局方式。很遗憾的是最近规范变动过多,导致各个浏览器对它的实现也有所不同。不过我仍旧想要分享一些例子,来让你知道即将发生的改变。这些例子目前只能在支持 flexbox 的 Chrome 浏览器中运行,基于最新的标准。
↑明明在我的火狐里也可以这个玩样儿到底是什么时候写的啊。
后来还尝试了能不能写一个响应式,写着写着突然发现,图片变小了是没错,但小到最后就没法看了啊喂……而且由于是斜的,定位也不方便,所以后来还是采取了固定的方式,但还是有个地方值得mark:
background: url(https://img.111cn.net/cdn.jpg) no-repeat;
background-position: center;
background-size:contain;
background-size:contain;可以让背景变成自适应的(也就是图片缩放啦)。
当然最后还是选择了absolute(请看昨天的上一篇文章吧),完全固定的方式,略显粗糙的定位了一下,但总体而言已经是效果中最让人满意的了:
由此,布局真是让人吐血的东西,接下来,今天还会更新一些关于布局的文章。
摩尔庄园 安卓官方版v2.9.24091002S
摩尔庄园很多小伙伴一定都在小时候玩过,但随着我们年龄的增长淡
梦幻庄园最新版 官方正版v1.0.0
梦幻庄园是一款非常好玩的模拟经营类游戏,玩家在游戏中有一个属
合并梦幻岛免内购版 v2.1.0
合并梦幻岛无限内购版是游戏的破解版本,在该版本中为玩家解锁了
无悔华夏魅族版 2025最新版v3.5.194
无悔华夏魅族版是一款超级好用的模拟经营游戏。在这里玩家们需要
月影别墅官方安装包2025版 安卓版v2.3.24
月影别墅官方安装包2025版是一款匠心独具的乙女向剧情游戏,