html_padding

发表于 更新于 分类于 ， 阅读次数：

padding属性

padding值是元素的内容和边界之间的空间。与margin的区别在于一个是指定自己与外部其他元素之间的边距，一个是指定内部元素与边界之间的边距。 两者的属性值相同，只是对象不同。padding属性是以下内容的简写属性：

1
2
3
4
5
6
1. padding-top
2. padding-right
3. padding-bottom
4. padding-left

padding是在元素内创建的额外空间，margin是在元素周围创建空间

4个属性值：

1
2
3
4
5
- padding:10px 5px 15px 20px;
  - top padding is 10px
  - right padding is 5px
  - bottom padding is 15px
  - left padding is 20px

3个属性值

1
2
3
4
- padding:10px 5px 15px;
  - top padding is 10px
  - right and left padding are 5px
  - bottom padding is 15px

2个属性值

1
2
3
- padding:10px 5px;
  - top and bottom padding are 10px
  - right and left padding are 5px

1个属性值

1
2
- padding:10px;
  - all four paddings are 10px

Note: 允许负值

1
2
3
<p style="border:2px solid red">A paragraph with no specified paddings.没有指定padding值的段落</p>
<p style="padding: 35px 70px 50px 90px;border:2px solid red">This paragraph has a 35 pixels padding for top, a 70 pixels padding for right, a 50 pixels padding for bottom, and a 90 pixels padding for left. </p>
<p style="border:2px solid red">A paragraph with no specified paddings.没有指定padding值的段落</p>

A paragraph with no specified paddings.没有指定padding值的段落

This paragraph has a 35 pixels padding for top, a 70 pixels padding for right, a 50 pixels padding for bottom, and a 90 pixels padding for left.

A paragraph with no specified paddings.没有指定padding值的段落

columns ：

列属性：将页面分为多列，对于新闻报纸比较适用。

1
2
3
4
5
6
- column-width 列宽 省略时按照指定的列数自动平均分配
- column-count 列数 将页面分为多列
- column-gap  列间距
- column-rule  列界线的宽度、样式，颜色

column-width将定义每列的最小宽度，而column-count定义最大列数。 通过使用此属性，多列布局将自动以窄的浏览器宽度分解为单列，而无需媒体查询或其他规则。
1
2
3
4
<h4 style="text-align:center;color:red">The column property</h4>
<p style="column-count:3;column-gap:30px;column-rule:3px solid #ff00ff;text-align:justify">
周日（3月1日），马来西亚新总理穆希丁（Muhyiddin Yassin）宣誓就职。这是在前总理马哈蒂尔（Mahathir Mohamad）约一周前突然辞职后，马来西亚政坛又一令人意外的消息。94岁的马哈蒂尔是世界最年长民选总理。他2月24日向国家元首递交辞呈后，在马来西亚政坛引发震动。而对这一新的总理人选，马哈蒂尔的表态是：“不合法”、“背叛”。实际上，就在几天之前，马哈蒂尔也被指责“背叛”。马哈蒂尔的指定接班人，安瓦尔（Anwar Ibrahim，又译安华）23日就曾指责马哈蒂尔及其领导的马拉西亚土著团结党谋划组建新的执政联盟将他排斥在外，是“背叛”。针对新总理人选，马哈蒂尔表示将在国会争取议员表决，看新总理穆希丁是否真的得到国会下议院半数议员的支持。根据马来西亚宪法，总理由最高元首任命，必须是一名“应该会得到国会下议院多数议员信任的议员”。在观察人士看来，马哈蒂尔与安瓦尔“鹬蚌相争”之际，马来西亚国家元首认定穆希丁是有可能在国会下议院获得多数议员支持的候选人，使穆希丁成为马来西亚混乱政局中的得利“渔翁”。另外按照马来西亚宪法的规定，如果总理不再获得国会下议院多数议员的支持，就必须递交辞呈。如此一来，马来西亚新一任总理即便走马上任，但政局并未就此稳定，仍然充满了变数。
</p>

The column property

周日（3月1日），马来西亚新总理穆希丁（Muhyiddin Yassin）宣誓就职。这是在前总理马哈蒂尔（Mahathir Mohamad）约一周前突然辞职后，马来西亚政坛又一令人意外的消息。94岁的马哈蒂尔是世界最年长民选总理。他2月24日向国家元首递交辞呈后，在马来西亚政坛引发震动。而对这一新的总理人选，马哈蒂尔的表态是：“不合法”、“背叛”。实际上，就在几天之前，马哈蒂尔也被指责“背叛”。马哈蒂尔的指定接班人，安瓦尔（Anwar Ibrahim，又译安华）23日就曾指责马哈蒂尔及其领导的马拉西亚土著团结党谋划组建新的执政联盟将他排斥在外，是“背叛”。针对新总理人选，马哈蒂尔表示将在国会争取议员表决，看新总理穆希丁是否真的得到国会下议院半数议员的支持。根据马来西亚宪法，总理由最高元首任命，必须是一名“应该会得到国会下议院多数议员信任的议员”。在观察人士看来，马哈蒂尔与安瓦尔“鹬蚌相争”之际，马来西亚国家元首认定穆希丁是有可能在国会下议院获得多数议员支持的候选人，使穆希丁成为马来西亚混乱政局中的得利“渔翁”。另外按照马来西亚宪法的规定，如果总理不再获得国会下议院多数议员的支持，就必须递交辞呈。如此一来，马来西亚新一任总理即便走马上任，但政局并未就此稳定，仍然充满了变数。