bootstrap 不换行css_Bootstrap（二）：CSS--排版

1.标题  : 

、

……

  & 

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading

h6. Bootstrap heading

2.页面主体

字体格式为14PX、行高1.428、

(段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin)；

4.中心内容 : .lead

Nullam quis risus ...... vehicula.

Cum sociis natoque ...... fringilla.

Maecenas ...... nec elit.

Maecenas ...... io sem nec elit.

5.内联文本元素

You can use the mark tag to highlight text.

You can use the mark tag to highlight text.

You can use the mark tag to highlight text.

You can use the mark tag to highlight text.

You can use the mark tag to highlight text.

6.被删除的文本 

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as deleted text.

7.无用文本 ：

? --> 无用文本与被删除文本有什么区别呢？

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as no longer accurate.

8.插入文本 ：

This line of text is meant to be treated as an addition to the document.

This line of text is meant to be treated as an addition to the document.

This line of text is meant to be treated as an addition to the document.

This line of text is meant to be treated as an addition to the document.

This line of text is meant to be treated as an addition to the document.

9.带下划线的文本

This line of text will render as underlined

This line of text will render as underlined

This line of text will render as underlined

This line of text will render as underlined

This line of text will render as underlined

10.小号文本

This line of text is meant to be treated as fine print.

This line of text is meant to be treated as fine print.

This line of text is meant to be treated as fine print.

This line of text is meant to be treated as fine print.

This line of text is meant to be treated as fine print.

11.着重文字 ：

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as bold text.

12.斜体 ：

The following snippet of text is rendered as italicized text.

The following snippet of text is rendered as italicized text.

The following snippet of text is rendered as italicized text.

The following snippet of text is rendered as italicized text.

The following snippet of text is rendered as italicized text.

13.文本对齐 ：  CSS --> text-left、text-center、text-right、text-justify、text-nowrap

这段文字居中对齐:Shanghai is the largest city by population in the People's Republic of China (PRC)

and the largest city proper by population in the world. It is one of the four province-level municipalities of the PRC, with a total

population of over 23 million as of 2010. It is a global city, with influence in commerce, culture, finance, media, fashion, technology,

and transport. It is a major financial center and the busiest container port in the world.

这段文字居中对齐:Shanghai is the largest city by population in the People's Republic of China (PRC)

and the largest city proper by population in the world. It is one of the four province-level municipalities of the PRC, with a total

population of over 23 million as of 2010. It is a global city, with influence in commerce, culture, finance, media, fashion, technology,

and transport. It is a major financial center and the busiest container port in the world.

这段文字右对齐:Shanghai is the largest city by population in the People's Republic of China (PRC)

and the largest city proper by population in the world. It is one of the four province-level municipalities of the PRC, with a total

population of over 23 million as of 2010. It is a global city, with influence in commerce, culture, finance, media, fashion, technology,

and transport. It is a major financial center and the busiest container port in the world.

这段文字两端对齐:Shanghai is the largest city by population in the People's Republic of China (PRC)

and the largest city proper by population in the world. It is one of the four province-level municipalities of the PRC, with a total

population of over 23 million as of 2010. It is a global city, with influence in commerce, culture, finance, media, fashion, technology,

and transport. It is a major financial center and the busiest container port in the world.

这段文字不换行:Shanghai is the largest city by population in the People's Republic of China (PRC)

and the largest city proper by population in the world. It is one of the four province-level municipalities of the PRC, with a total

population of over 23 million as of 2010. It is a global city, with influence in commerce, culture, finance, media, fashion, technology,

and transport. It is a major financial center and the busiest container port in the world.

14.大小写  CSS--> text-lowercase 、text-uppercase 、text-capitalize

Lowercased text.

Lowercased text.

Uppercased text.

Capitalized text.

15.缩略语 : 

添加上  .initialism  样式会使得缩略语的字体大小略小一点；

HTMLis the best thing since sliced bread.

HTMLis the best thing since sliced bread.

16.地址 :

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107

P:(123) 456-7890

Full Name

first.last@example.com

17.引用 ：

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

18.列表

①无序列表

• 果汁
• 牛奶
• 咖啡
  • 蓝山
  • 拿铁
  • 玛奇朵
• 啤酒
• 白酒
• 矿泉水

②有序列表

1. 果汁
2. 牛奶
3. 咖啡
   • 蓝山
   • 拿铁
   • 玛奇朵
4. 啤酒
5. 白酒
6. 矿泉水

④无样式列表

果汁牛奶咖啡

• 蓝山
• 拿铁
• 玛奇朵

啤酒白酒矿泉水

⑤内联列表

果汁牛奶咖啡 啤酒白酒矿泉水

19.描述

①垂直排列

果汁

这里是对果汁的描述。

什么是咖啡

这里是对咖啡的描述。

②水平排列

果汁这里是对果汁的描述。啤酒的基本介绍啤酒的基本介绍啤酒是人类最古老的酒精饮料之一，是水和茶之后世界上消耗量排名第三的饮料。啤酒于二十世纪初传入中国，属外来酒种。

啤酒是根据英语Beer译成中文“啤”，称其为“啤酒”，沿用至今。

什么是咖啡这里是对咖啡的描述。