User:Stonestone/RandomNotes: Difference between revisions
Stonestone (talk | contribs) No edit summary |
Stonestone (talk | contribs) No edit summary |
||
Line 104: | Line 104: | ||
<hr /><hr /><hr /> | <hr /><hr /><hr /> | ||
<span style="font-weight: bold;border-style: solid;border-width: 2px 5px 7px;">[[User:Stonestone/525jbiaoqingbao|stickers of I love my home]]</span> | <span style="font-weight: bold;border-style: solid;border-width: 2px 5px 7px;">[[User:Stonestone/525jbiaoqingbao|stickers of I love my home]]</span> | ||
<pre> | |||
不定宽度的块状元素有三种方法居中(这三种方法目前使用的都比多): | |||
1)加入 table 标签 | |||
第一步:为需要设置的居中的元素外面加入一个 table 标签 ( 包括 <tbody>、<tr>、<td> )。 | |||
<div> | |||
<table> | |||
<tbody> | |||
<tr><td> | |||
<ul> | |||
<li><a href="#">1</a></li> | |||
<li><a href="#">2</a></li> | |||
<li><a href="#">3</a></li> | |||
</ul> | |||
</td></tr> | |||
</tbody> | |||
</table> | |||
</div> | |||
第二步:为这个 table 设置“左右 margin 居中”(这个和定宽块状元素的方法一样)。 | |||
<style> | |||
table{ | |||
margin:0 auto; | |||
} | |||
ul{list-style:none;margin:0;padding:0;} | |||
li{float:left;display:inline;margin-right:8px;} | |||
</style> | |||
2)设置 display;inline 方法 | |||
改变块级元素的 display 为 inline 类型,然后使用 text-align:center 来实现居中效果。如下例子 | |||
<body> | |||
<div class="container"> | |||
<ul> | |||
<li><a href="#">1</a></li> | |||
<li><a href="#">2</a></li> | |||
<li><a href="#">3</a></li> | |||
</ul> | |||
</div> | |||
</body> | |||
<style> | |||
.container{ | |||
text-align:center; | |||
} | |||
.container ul{ | |||
list-style:none; | |||
margin:0; | |||
padding:0; | |||
display:inline; | |||
} | |||
.container li{ | |||
margin-right:8px; | |||
display:inline; | |||
} | |||
</style> | |||
3) 设置 position:relative 和 left:50%; | |||
父元素设置 float,然后给父元素设置 position:relative 和 left:50% | |||
子元素设置 position:relative 和 left:-50% 来实现水平居中 | |||
<body> | |||
<div class="container"> | |||
<ul> | |||
<li><a href="#">1</a></li> | |||
<li><a href="#">2</a></li> | |||
<li><a href="#">3</a></li> | |||
</ul> | |||
</div> | |||
</body> | |||
<style> | |||
.container{ | |||
float:left; | |||
position:relative; | |||
left:50% | |||
} | |||
.container ul{ | |||
list-style:none; | |||
margin:0; | |||
padding:0; | |||
position:relative; | |||
left:-50%; | |||
} | |||
.container li{float:left;display:inline;margin-right:8px;} | |||
</style> | |||
</pre> |
Revision as of 20:37, 2 March 2016
https://iffr.com/en/2016/films/establishing-eden http://exhibitionist.nl/tentoonstelling/establishing-eden/ https://www.youtube.com/watch?v=xXHJ41_1BZ0 https://www.youtube.com/watch?v=mtoerB1I1eQ https://www.youtube.com/watch?v=ed9sf0kdZn4 https://www.youtube.com/watch?v=NOvKpX8xbcI
http://1646.nl/projects/mindplace-thoughtstream https://vimeo.com/126439388
References From David for Nosebleed
ED OP DE BEEK (STAGING SILENCE)
GUIDO
JACCO CLAERBOUT
ISSAC JULIEN
CEAL FLOYER
Done Birthing Stopped Dead
Sometimes I sleep...
~ -- tilde 波浪线 ! -- bang [或 Exclamation mark] 叹号 @ -- at # -- number sign [或 pound sign] 井号 hashtag $ -- dollar 美元符 %-- percent 百分号 ^ -- accent 幂 & -- and 和 * -- star [或 asterisk] 星号 ( -- open round 左括号 )-- close round 右括号 + -- plus 加 - -- sub [或 midline 或 dash] 减 = -- equal 等于 _ -- underline 下划线 \ -- backslash 反斜线 | -- vertical [或 bar] 竖线 { -- open brace 左花括号 } -- close brace 右花括号 [ -- open quad 左方括号 ] -- close quad 左方括号 : -- colon 冒号 ; -- semicolon 分号 " -- quote 引号 ' -- single quote 单引号 ? -- question 问号 / -- slash 斜线 < -- open angle (less-than sign) 左尖括号(小于号) > -- close angle (greater-than sign)右尖括号(大于号) , -- comma 逗号 . -- dot 点号 还有空白符: ' ' -- space 空格 '\n' -- newline 换行 '\t' -- table 制表符 \r' -- return ??? 至于 "..." 不是单个字符,就不列在上面了,英文名为ellipsis (省略符)
德行第一
,
,
言语第二
,
,
政事第三
,
,
文学第四
,
,
方正第五
,
,
雅量第六
,
,
识鉴第七
,
,
赏誉第八
,
,
品藻第九
,
,
规箴第十
,
,
捷悟第十一
,
,
夙慧第十二
,
,
豪爽第十三
,
,
容止第十四
,
,
自新第十五
,
,
企羡第十六
,
,
伤逝第十七
,
,
栖逸第十八
,
,
贤媛第十九
,
,
术解第二十
,
,
巧艺第二十一
,
,
宠礼第二十二
,
,
任诞第二十三
,
,
简傲第二十四
,
,
排调第二十五
,
,
轻诋第二十六
,
,
假谲第二十七
,
,
黜免第二十八
,
,
俭啬第二十九
,
,
汰侈第三十
,
,
忿狷第三十一
,
,
谗险第三十二
,
,
尤悔第三十三
,
,
纰漏第三十四
,
,
惑溺第三十五
,
,
仇隙第三十六
。
。
不定宽度的块状元素有三种方法居中(这三种方法目前使用的都比多): 1)加入 table 标签 第一步:为需要设置的居中的元素外面加入一个 table 标签 ( 包括 <tbody>、<tr>、<td> )。 <div> <table> <tbody> <tr><td> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </td></tr> </tbody> </table> </div> 第二步:为这个 table 设置“左右 margin 居中”(这个和定宽块状元素的方法一样)。 <style> table{ margin:0 auto; } ul{list-style:none;margin:0;padding:0;} li{float:left;display:inline;margin-right:8px;} </style> 2)设置 display;inline 方法 改变块级元素的 display 为 inline 类型,然后使用 text-align:center 来实现居中效果。如下例子 <body> <div class="container"> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </div> </body> <style> .container{ text-align:center; } .container ul{ list-style:none; margin:0; padding:0; display:inline; } .container li{ margin-right:8px; display:inline; } </style> 3) 设置 position:relative 和 left:50%; 父元素设置 float,然后给父元素设置 position:relative 和 left:50% 子元素设置 position:relative 和 left:-50% 来实现水平居中 <body> <div class="container"> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </div> </body> <style> .container{ float:left; position:relative; left:50% } .container ul{ list-style:none; margin:0; padding:0; position:relative; left:-50%; } .container li{float:left;display:inline;margin-right:8px;} </style>