Puerh,百姓网 UI 库。旨在建立稳定、简洁、兼容的前端框架。兼容 Mac/Windows 下的 IE6+ / Firefox / Google Chrome 浏览器。 Puerh 的目标是构建一套适合百姓网的前端解决方案。从模块区分上,她包含: Typography、 Grid、 Font Icon(Baicons)、 UI组件 和 JS 组件
第一次使用 Puerh?请看 Getting Start → 如在使用上遇到任何问题,请通过 Github Issues 给我们 提意见 →
需要排版的地方,在其父级元素添加 .typo
即可。当只想用单独一个元素,或者让其显示和某个元素一样效果的时候,可以使用 .typo-TAGNAME
如 div.typo-small
可以获得 .typo small
一样的效果
This should be hidden in all browsers, apart from IE6
戲分漸樹不認許了際筆願前一風遠公師再實調致興家事在的,語笑油的,女幾到善師字何……教上些品、你全頭?來經未由看著會當裡。 方有現國便散;法構許事這的第,們見了調晚在坡?個雨命我常此座看兒高治父利來工利在要外女岸要想?業期在平馬下本方別們立不院生讀試會民接前手媽;說並言不成盡意覺角拿了多?
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.
Address: somewhere, world印子陽放沒王候過然!a element 是不是一一現遊策 sup 那子成展不天 abbr element with title 政物聯兒腦求從
mark element 速不又紅南見會法取絕 del element 不建有成險sub 已在家 u element 明只各達學起 strong element 時式房事建後從,b element 區運家……你且區密作報不了草 cite element 許媽灣北;code element
開大設春種家題須來八等便治中字國感非,em element 美生生根,電色濟:i element 朋和希身年持論物道高有道道來花病是班高化。
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.
Some sort of famous witty quote marked up with a > blockquote 和 a child
Even better philosophical quote marked up with just a > blockquote element.
Album | Year | Price |
---|---|---|
Album | Year | Price |
Are You Experienced | 1967 | $10.00 |
Axis: Bold as Love | 1967 | $12.00 |
Electric Ladyl和 | 1968 | $10.00 |
B和 of Gypsys | 1970 | $12.00 |
.clearfix
.textwrap /* 在 table 中使用 .textwrap-table */
.pull-right / .pull-left
.typo-TAGNAME /* 比较 .typo-small */