温故而知新 css + html 超级牛逼的居中策略

该方法甚至可以解决img内容居中的问题

套路:最外层div宽度为居中内容所占的宽度(通常是1170px),并且使其居中(margin:auto)

里层的div宽度为全屏(通常是1920px;)再margin-left:-368px   该值等于(1170-1920) / 2 = 375px ,然而实战的时候也会有偏差。所以不一定规定死。

原理暂时理不清。具体操作如下:

html:

<div class="my-slider-li-imgdiv">
  <div class="my-slider-li-imgdiv-inner">
    <img src="http://images.weicantimes.com/banner-1.jpg" alt="更智能的餐饮信息化管理系统,客户回流、高效推广、轻松管理、智慧运营" />
  </div>
</div>

css:

.my-slider-li-imgdiv{         width:1170px;margin: auto;    }
.my-slider-li-imgdiv-inner{        width:1920px;   margin-left: -368px;    }
时间: 2024-10-10 17:32:28

温故而知新 css + html 超级牛逼的居中策略的相关文章

给大家介绍两款超级牛逼的算法!SVM &#183; SMO算法!和牛逼也很难 !

KKT 条件 先来看如何选取参数.在 SMO 算法中,我们是依次选取参数的: 选出违反 KKT 条件最严重的样本点.以其对应的参数作为第一个参数第二个参数的选取有一种比较繁复且高效的方法,但对于一个朴素的实现而言.第二个参数即使随机选取也无不可 可以以一张图来直观理解这里提到的诸多概念: (画得有点乱,见谅--) 图中外面有个黑圆圈的其实就是传说中的"支持向量",其定义会在文末给出 那么我们到底应该如何刻画"违反 KKT 条件"这么个东西呢?从直观上来说,我们可以有

未知高度定宽div水平居中及垂直居中(兼容ie6及其他牛逼浏览器)

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>css</title> <style type="text/css"> * { margin:0; padding:0; list-style:none; } #vertical_box { width:100%; display:table; border:1

如何成为一个牛逼的程序员

“成为一个杰出的程序员!”,每个程序员都是这么想的,虽然嘴上不说!这是一个人人自称“屌丝”,骨子里却都认为自己是“高富帅”(或者认为自己终究会成为高富帅)的年代! 大部分时候,我们一直在努力成为一名优秀的程序员.但是,更多的时候,我们并不知道如何成为一个优秀的程序员! 怎样成为一个优秀的程序员? 完美主义?注重细节?懂用户需求?恩,听起来都有道理,但又觉得很虚,难以实施! 选(fang)择(fa)比努力重要,一味只会埋头苦干的人,注定成不了杰出的程序员,有时候,我们需要停下来:思考! 我不是一个

十个能让你成为牛逼前端程序猿的特征

如果能够做一些炫酷的网站, 并且能够写一手的好html/css/javascript的话,你是不是就觉得你是牛逼的前端程序猿了?  如果不确认的话,请看看如下几个能够被称作牛逼程序猿的特征吧: 精通一个成熟前端框架 虽然也许尝试开发过前端框架,但是对于重复造轮子这件事来说,其实意义不大,使用现成的成熟框架好处在于拥有更多的开发者支持,你能快速的帮助别人或者请求别人来帮助你解决深层次的技术问题.一个好的框架能够帮助你显著的降低代码书写量,及其高效管理代码模块,并且让你可以清楚的了解一些代码书写的最

Bootstrap嵌入jqGrid,使你的table牛逼起来

Bootstrap原生的table组件只能满足简单的数据展示,满足不了更富有操作性的要求.当然了,你可以找到一款叫做"DataTables-1.10.11"的基于bootstrap的table组件,但如果你对API看得不甚了解的话,用起来可就痛苦了,但是如果你选择使用jqGrid,那么本篇教程就给你带来了解决这种富操作性table的解决方案. 一.效果展示 OK,就展示这一张图片,相信你已经爱上了bootstrap版的jqGrid,和bootstrap很兼容,简直完美,当然了,这需要我

css3的transform造成z-index无效, 附我的牛逼解法。

我想锁表头及锁定列.昨天新找的方法是用css3的transform,这个应该在IE9以上都可以的. 只锁头效果很好,IE11下会小抖,但chrome下很稳定停在那里.后来又加上锁定列,发现列会盖住表头. 百度到这里<小心 CSS3 Transform 引起的 z-index "失效"> "CSS3 Transform create new stacking context" 这个道理想想也明白,Transform 就是一个影子,假像,所以它不考虑z-in

二十岁出头,你一无所有,但你却拥有一切,因为你还有牛逼的梦想。 可那又怎样,只有行动,才能解除你所有的不安

我从来没有看到过一句话,如此让我共鸣.二十岁出头,你一无所有,但你却拥有一切,因为你还有牛逼的梦想. 可那又怎样,只有行动,才能解除你所有的不安 (一)嘴上说说的人生 那年我在离家的时候一个劲地往自己的硬盘里塞<灌篮高手>,我妈一副嗤之以鼻的表情 看着我,似乎是在说:"这么大的人了居然还这么喜欢看动漫." 我不知道怎么回应她,只好耸耸肩,因为我实在无法对我亲爱的娘亲说明这部动漫对我的 意义. 你知道,有些歌有些东西就是有那种力量.哪怕它在你的手机里藏了好几年,哪怕它早就 过

如何成为一位牛逼的大咖

每个人都想过做一件牛逼的事情,做一个牛逼的项目,或者想成为一个牛逼的大咖.甚至我们还不懂到底什么是大咖,所谓的"大咖"其实就是在某个领域有这一定影响力,拥有众多的粉丝和号召力的人.如果想成为一位牛逼的大咖,那么你必须在某个领域有着自己的独有的价值.做大咖很多人以为会很舒服,人只要出了名什么好事都会轮到他.不但会获得很多的社会资源还有很多的商业价值.所以,能成为一位牛逼的大咖说明已经非常成功了,就是不操作什么项目也活得相当滋润了.很多人把我当成了大咖来向我讨教经验,其实我也不是什么大咖,

为什么我会认为SAP是世界上最好用最牛逼的ERP系统,没有之一?

为什么我认为SAP是世界上最好用最牛逼的ERP系统,没有之一?玩过QAD.Tiptop.用友等产品,深深觉得SAP是贵的有道理! 一套好的ERP系统,不仅能够最大程度承接适配企业的管理和业务流程,在技术上面也能够做到快速部署和挑战.而对用户而言,好用且逻辑性强,体验好.便利可掌控才是能够抓住用户的需求点.很可惜的是,纵观世界上这么多的ERP系统,真正能够为用户考虑而且有自己的核心竞争力的并不多. 我认为一套好的ERP系统,不仅仅是一套软件,更是一个管理思想.选型ERP,要从以下几方面考虑: 一.