响应式网格系统 Unsemantic

码农软件 · 软件分类 · CSS框架 · 2019-04-20 19:13:08

软件介绍

Unsemantic 响应式网格系统是 960 网格系统的后继接班人,开发者就是 960gs 的作者。它以 960 Grid 类似的方式工作,但不是一组列数,它是完全基于百分比。

例如,如果你想要一个 50% 列宽,简单地使用类=“grid-50”。为5的倍数有网格类:5、10、15…95,100。也可以把一个页面分成三的倍数:grid-33 和网格- 66。

支持的浏览器:Chrome, Firefox, Internet Explorer (7+), Opera, and Safari。

示例代码:

<div class="grid-container">
  <div class="grid-25">
    I am 25% wide.
  </div>
  <div class="grid-50">
    I am 50% wide.
  </div>
  <div class="grid-25">
    I am 25% wide.
  </div>
</div>

本文地址:https://codercto.com/soft/d/4017.html

Head First HTML and CSS

Head First HTML and CSS

Elisabeth Robson、Eric Freeman / O'Reilly Media / 2012-9-8 / USD 39.99

Tired of reading HTML books that only make sense after you're an expert? Then it's about time you picked up Head First HTML and really learned HTML. You want to learn HTML so you can finally create th......一起来看看 《Head First HTML and CSS》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

在线进制转换器
在线进制转换器

各进制数互转换器

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器