display屬性值:
none 此元素不會被顯示。
block 此元素將顯示為塊級元素，此元素前后會帶有換行符。
inline 默認。此元素會被顯示為內聯元素，元素前后沒有換行符。
inline-block 行內塊元素。（CSS2.1 新增的值）
list-item 此元素會作為列表顯示。
run-in 此元素會根據上下文作為塊級元素或內聯元素顯示。
compact CSS 中有值 compact，不過由于缺乏廣泛支持，已經從 CSS2.1 中刪除。
marker CSS 中有值 marker，不過由于缺乏廣泛支持，已經從 CSS2.1 中刪除。
table 此元素會作為塊級表格來顯示（類似 <table>），表格前后帶有換行符。
inline-table 此元素會作為內聯表格來顯示（類似 <table>），表格前后沒有換行符。
table-row-group 此元素會作為一個或多個行的分組來顯示（類似 <tbody>）。
table-header-group 此元素會作為一個或多個行的分組來顯示（類似 <thead>）。
table-footer-group 此元素會作為一個或多個行的分組來顯示（類似 <tfoot>）。
table-row 此元素會作為一個表格行顯示（類似 <tr>）。
table-column-group 此元素會作為一個或多個列的分組來顯示（類似 <colgroup>）。
table-column 此元素會作為一個單元格列顯示（類似 <col>）
table-cell 此元素會作為一個表格單元格顯示（類似 <td> 和 <th>）
table-caption 此元素會作為一個表格標題顯示（類似 <caption>）
inherit 規(guī)定應該從父元素繼承 display 屬性的值。
酷殼里有很多我覺得很不錯的文章，但是訪問量最大的卻是那篇《6個變態(tài)的Hello World》，和它能在本站左邊欄“全站熱門”中出現的還有“如何加密源代碼”，以及編程真難啊等這樣的文章。可見本站的讀者們的偏好，我也相信你們都是“身懷絕技”的程序員。所以，今天給大家推薦這篇文章，相信一定能觸動大家的興奮點。
這篇文章的原文在這里(http://mindprod.com/jgloss/unmain.html)，我看完后我想說——
什么叫“創(chuàng)造力”，創(chuàng)造力就是——就算是要干一件爛事都能干得那么漂亮那么有創(chuàng)意的能力。什么叫“抓狂”，抓狂就是——以一種沉著老練的不屈不撓的一本正經的精神一點一點把你推向崩潰的邊緣。 我把文章節(jié)選了一些，也并沒有完全翻譯，簡譯一下，也加入了一些自己的調侃。對于有下面這些編程習慣的朋友，請大家對號入座。另外，維護程序的朋友們，你們死定了！！
If builders built buildings the way programmers write programs, then the first woodpecker that came along would destroy civilization. (如果建筑師蓋房子就像程序員寫程序一樣，那么，第一只到來的啄木鳥就能毀掉我們的文明)
~ Gerald Weinberg (born: 1933-10-27 age: 77) Weinberg’s Second Law
程序命名
容易輸入的名字。比如：Fred，asdf單字母的變量名。比如：a,b,c, x,y,z(陳皓注：如果不夠用，可以考慮a1,a2,a3,a4,….)有創(chuàng)意地拼寫錯誤。比如：SetPintleOpening， SetPintalClosing。這樣可以讓人很難搜索代碼。抽象。比如：ProcessData, DoIt, GetData… 抽象到就跟什么都沒說一樣。縮寫。比如：WTF，RTFSC …… (陳皓注：使用拼音縮寫也同樣給力，比如： BT，TMD，TJJTDS)隨機大寫字母。比如：gEtnuMbER..重用命名。在內嵌的語句塊中使用相同的變量名有奇效。使用重音字母。比如：int ínt(注：第二個 ínt不是int)使用下劃線。比如：_, __, ___。使用不同的語言。比如混用英語，德語，或是中文拼音。使用字符命名。比如：slash, asterix, comma…使用無關的單詞。比如：god, superman, iloveu….混淆l和1。字母l和數字1有時候是看不出來的。偽裝欺詐
把注釋和代碼交織在一起。
for(j=0; j
{
total += array[j+0 ];
total += array[j+1 ];
total += array[j+2 ]; /* Main body of
total += array[j+3]; * loop is unrolled
total += array[j+4]; * for greater speed.
total += array[j+5]; */
total += array[j+6 ];
total += array[j+7 ];
}
隱藏宏定義。如：#define a=b a=0-b，當人們看到a=b時，誰也想不到那是一個宏。換行。如下所示，下面的示例使用搜索xy_z變得困難。
#define local_var xy\\
_z // local_var OK
代碼和顯示不一致。比如，你的界面顯示叫postal code，但是代碼里確叫 zipcode.隱藏全局變量。把使用全局變量以函數參數的方式傳遞給函數，這樣可以讓人覺得那個變量不是全局變量。使用同意詞。如：
#define xxx global_var // in file std.h
#define xy_z xxx // in file ..\\other\\substd.h
#define local_var xy_z // in file ..\\codestd\\inst.h
使用相似的變量名。如：單詞相似，swimmer 和 swimner，字母相似：ilI1| 或 oO08。parselnt 和 parseInt， D0Calc 和 DOCalc。還有這一組：xy_Z, xy__z, _xy_z, _xyz, XY_Z, xY_z, Xy_z。重載函數。使用相同的函數名，但是其功能和具體實現完全沒有關系。操作符重載。重載操作符可以讓你的代碼變得詭異，感謝CCTV，感謝C++。這個東西是可以把混亂代碼提高到一種藝術的形式。比如：重載一個類的 ! 操作符，但實際功能并不是取反，讓其返回一個整數。于是，如果你使用 ! ! 操作符，那么，有意思的事就發(fā)生了—— 先是調用類的重載 ! 操作符，然后把其返回的整數給 ! 成了 布爾變量，如果是 !!! 呢？呵呵。#define。看過本站那些混亂代碼的文章，你都會知道宏定義和預編譯對于寫出不可讀的代碼的重大意義。不過，一個具有想像力的東西是——在頭文件中使用預編譯來查看這個頭文件被include了幾次，而被include不同的次數時，其中的函數定義完全不一樣。
#ifndef DONE
#ifdef TWICE
// put stuff here to declare 3rd time around
void g(char* str);
#define DONE
#else // TWICE
#ifdef ONCE
// put stuff here to declare 2nd time around
void g(void* str);
#define TWICE
#else // ONCE
// put stuff here to declare 1st time around
void g(std::string str);
#define ONCE
#endif // ONCE
#endif // TWICE
#endif // DONE
文檔和注釋
在注釋中撒謊。你不用真的去撒謊，只需在改代碼的時候不要更新注釋就可以了。注釋明顯的東西。比如：/* add 1 to i */。(參看本站的“五種應該避免的注釋”)只注釋是什么，而不是為什么。不要注釋秘密。如果你開發(fā)一個航班系統，請你一定要保證每有一個新的航班被加入，就得要修改25個以上的位置的程序。千萬別把這個事寫在文檔中。注重細節(jié)。當你設計一個很復雜的算法的時候，你一定要把所有的詳細細設計都寫下來，沒有100頁不能罷休，段落要有5級以上，段落編號要有500個以上，例如：1.2.4.6.3.13 - Display all impacts for activity where selected mitigations can apply (short pseudocode omitted). 這樣，當你寫代碼的時候，你就可以讓你的代碼和文檔一致，如：Act1_2_4_6_3_13()千萬不要注釋度衡單位。比如時間用的是秒還是毫秒，尺寸用的是像素還是英寸，大小是MB還是KB。等等。另外，在你的代碼里，你可以混用不同的度衡單位，但也不要注釋。Gotchas。陷阱，千萬不要注釋代碼中的陷阱。在注釋和文檔中發(fā)泄不滿。(參看本站的“五種應該避免的注釋”)程序設計
Java Casts。Java的類型轉型是天賜之物。每一次當你從Collection里取到一個object的時候，你都需要把其轉回原來的類型。因些，這些轉型操作會出現在N多的地方。如果你改變了類型，那么你不一定能改變所有的地方。而編譯器可能能檢查到，也可能檢查不到。利用Java的冗余。比如：Bubblegum b = new Bubblegom(); 和 swimmer = swimner + 1; 注意變量間的細微差別。從不驗證。從不驗證輸入的數據，從不驗證函數的返回值。這樣做可以向大家展示你是多么的信任公司的設備和其它程序員。不要封裝。調用者需要知道被調用的所有的細節(jié)。克隆和拷貝。為了效率，你要學會使用copy + paste。你幾乎都不用理解別人的代碼，你就可以高效地編程了。(陳皓注：Copy + Paste出來的代碼bug多得不能再多)巨大的listener。寫一個listener，然后讓你的所有的button類都使用這個listener，這樣你可以在這個listener中整出一大堆if…else…語句，相當的刺激。使用三維數組。如果你覺得三維還不足夠，你可以試試四維。混用。同時使用類的get/set方法和直接訪問那個public變量。這樣做的好處是可以極大的挫敗維護人員。包裝，包裝，包裝。把你所有的API都包裝上6到8遍，包裝深度多達4層以上。然后包裝出相似的功能。沒有秘密。把所有的成員都聲明成public的。這樣，你以后就很難限制其被人使用，而且這樣可以和別的代碼造成更多的耦合度，可以讓你的代碼存活得更久。排列和阻礙。把drawRectangle(height, width) 改成 drawRectangle(width, height)，等release了幾個版本后，再把其改回去。這樣維護程序的程序員們將不能很快地明白哪一個是對的。把變量改在名字上。例如，把setAlignment(int alignment)改成，setLeftAlignment, setRightAlignment, setCenterAlignment。Packratting。保留你所有的沒有使用的和陳舊的變量，方法和代碼。That’s Final。Final你所有的子結點的類，這樣，當你做完這個項目后，沒有人可以通過繼承來擴展你的類。java.lang.String不也是這樣嗎？避免使用接口。在java中，BS接口，在C++中BS使用虛函數。避免使用layout。這樣就使得我們只能使用絕對坐標。如果你的老大強制你使用layout，你可以考慮使用GridBagLayout，然后把grid坐標hard code.環(huán)境變量。如果你的代碼需要使用環(huán)境變量。(getenv() - C++ / System.getProperty() - Java )，那么，你應該把你的類的成員的初始化使用環(huán)境變量，而不是構造函數。使用Magic number。參看《Linux一個插曲》。使用全局變量。1)把全局變量的初始化放在不同的函數中，就算這個函數和這個變量沒有任何關系，這樣能夠讓我們的維護人員就像做偵探工作一樣。2)使用全局變量可以讓你的函數的參數變得少一些。配置文件。配置文件主要用于一些參數的初始化。在編程中，我們可以讓配置文件中的參數名和實際程序中的名字不一樣。膨脹你的類。讓你的類盡可能地擁有各種臃腫和晦澀的方法。比如，你的類只實現一種可能性，但是你要提供所有可能性的方法。不要定義其它的類，把所有的功能都放在一個類中。使用子類。面向對象是寫出無法維護代碼的天賜之物。如果你有一個類有十個成為(變量和方法)你可以考慮寫10個層次的繼承，然后把這十個屬性分別放在這十個層次中。如果可能的話，把這十個類分別放在十個不同的文件中。混亂你的代碼
使用XML。XML的強大是無人能及的。使用XML你可以把本來只要10行的代碼變成100行。而且，還要逼著別人也有XML。(參看，信XML得永生，信XML得自信)混亂C代碼。在《如何加密源代碼》中已經說過一些方法了，這里再補充一些。使用不同的進制。比如：10 和010不是一樣的。再比如：array = new int[]{ 111, 120, 013, 121,};盡量使用void*。然后把其轉成各種類型使用隱式的轉型。C++的構造函數可以讓你神不知鬼不覺得完成轉型。分解條件表達式。如：把 a==100分解成，a>99 && a<101學會利用分號。如：if ( a );else;{ int d; d = c;}間接轉型。如：把double轉string，寫成new Double(d).toString() 而不是 Double.toString(d)大量使用嵌套。一個NB的程序員可以在一行代碼上使用超過10層的小括號()，或是在一個函數里使用超過20層的語句嵌套{}，把嵌套的if else 轉成 [? :] 也是一件很NB的事。使用C的變種數組。myArray[i] 可以變成*(myArray + i) 也可以變成 *(i + myArray) 其等價于 i[myArray]。再看一個函數調用的示例，函數聲明：int myfunc(int q, int p) { return p%q; } 函數調用myfunc(6291, 8)[Array];長代碼行。一行的代碼越長越好。這樣別人閱讀時就需要來來回回的不要較早的return。不要使用goto，不要使用break，這樣，你就需要至少5層以上的if-else來處理錯誤。不要使用{}。不要在if else使用{}，尤其是在你重量地使用if-else嵌套時，你甚至可以在其中亂縮進代碼，這樣一來，就算是最有經驗的程序員也會踩上陷阱。使用宏定義。宏定義絕對是混亂C/C++代碼的最佳利器。參看 老手是這樣教新手編程的。瑣碎的封裝。比較封裝一個bool類，類里面什么都做，就是一個bool.循環(huán)。千萬不可用for(int i=0; i測試
從不測試。千萬不要測試任何的出錯處理，從來也不檢測系統調用的返回值。永遠不做性能測試。如果不夠快就告訴用戶換一個更快的機器。如果你一做測試，那么就可能會要改你的算法，甚至重設計，重新架構。不要寫測試案例。不要做什么代碼覆蓋率測試，自動化測試。測試是懦夫行為。一個勇敢的程序員是根本不需要這一步的。太多的程序太害怕他們的老板，害怕失去工作，害怕用戶抱怨，甚至被起訴。這種擔心害怕直接影響了生產力。如果你對你的代碼有強大的信心，那還要什么測試呢？真正的程序員是不需要測試自己的代碼的。其它
你的老板什么都知道。無論你的老板有多SB，你都要嚴格地遵照他的旨意辦事，這樣一樣，你會學到更多的知識如何寫出無法維護的代碼來的。顛覆Help Desk。你要確保你那滿是bug的程序永遠不要被維護團隊知道。當用戶打電話和寫郵件給你的時候，你就不要理會，就算要理會，讓用戶重做系統或是告訴用戶其帳號有問題，是標準的回答。閉嘴。對于一些像y2k這樣的大bug，你要學會守口如瓶，不要告訴任何人，包括你的親人好友以及公司的同事和管理層，忽悠。你會學會忽悠，就算你的代碼寫得很爛，你也要為其掛上GoF設計模式的標簽，就算你的項目做得再爛，你也要為其掛上敏捷的標簽，只有學會像中國Thoughtworks的咨詢師那樣去忽悠，你才能學會更炫更酷的方法，讓整個團隊和公司，甚至整個業(yè)界都開始躁動，這樣才能真正為難維護的代碼鋪平道路。 這個文檔中還有很多很多，實在是太TMD強大了，大家自己去看看吧。有精力有能力的朋友不妨把其翻譯成中文。
總之，我們的口號是——
Write Everywhere, Read Nowhere
摘要: 設定模塊的高度,文字會自動對其中央....轉一篇網上關于這個問題的解決. 有時候，為了網頁設計的美觀，需要把div+css設計的頁面里的某些div層里的文字垂直居中，包括多行文字以及單行文字；方法有不少，但真正能實現而代碼又簡潔的介紹不多，flymorn就為大家介紹幾種適用的div文字垂直居中的方法。 首先要知道css里vertical-align...
閱讀全文
好幾天解決不了導航條里文字在背景圖里的位置問題,問了一下咖啡mm,告訴我需要先對背景進行設定高度,否則不能對背景自動擴展高度.
在背景圖的css中添加了line-height之后,文字立刻位于圖的中間.然后對于菜單的位置進行設置,就可以隨意設置文字的位置了.
中午接到joyo的電話,訂的書來了...一時半會兒還看不上.
16.43 經過對一條條語句的檢驗,發(fā)現height元素對于排版有作用,去掉之后,導航條下的文字正常的從左邊開始顯示,而原來的導航條部分也沒有變化.但是如果去掉width元素的值,則每個菜單的大小縮成和文字大小.
依然沒有解決導航條中文字的位置問題.
下午接著把上午的問題解決,看了@SheepYang 的主頁,然后對照了一下immi的navigator,把導航條變成了無序列表項目形式,并把<li>和<a>標簽分別定義了CSS,于是菜單錯位和菜單字體顏色全都正常了.
開始的情況是這樣的,只是用<div>和<a>列出了5個菜單選項,沒有進行相應的CSS定義,結果在頁面上顯示5個菜單以字體大小呈階梯狀排列.
看過immi的源碼,采用無序的<li>標簽,并嵌套<a>添加鏈接.在<li>的CSS定義好之后,錯位的情況沒有了.
又對<a>進行CSS定義,字體的顏色也正常了.