2015年2月12日 星期四

PHP 檔案輸出 換行

fopen開啟一個txt檔後,以fputs寫入一些資料
在字串後面加入\n就可以換行囉
例如 $string = "abc\n";

不過用UltraEdit開檔案看\n確實會換行,但用計事本看檔案就不會換行,需用\r\n才會換行

2015年2月10日 星期二

CSS DIV 置中

如果你習慣採用 DIV 來做網頁的排版,那就難免會碰到需要讓 DIV 置中的時候,在大部分主流的瀏覽器中,想要要讓 DIV 置中,僅需要用到 margin 就能夠達成,但在 IE 瀏覽器可就不是這麼一回事囉!這篇分享幾種不同的情況。

一、適用於大部分瀏覽器的 DIV 置中語法
margin:0px auto;

這樣的寫法基本上適用於 FireFoxGoogle ChromeOpera 等常見主流瀏覽器。

二、適用於 IE8 的 DIV 置中語法

<div style="text-align:center;background-color:#FFAC55;width:500px;height:50px;">
 <div style="background-color:#FFAFFE;width:300px;height:20px;margin:0 auto;"></div>
</div>

示意圖


這個技巧是使用兩個 <DIV> 來配合,父層的 <DIV> 設定 text-align:center 的意思是區塊內置中對齊。範例中使用到的 background-color 是背景顏色,主要目的僅是讓範例更容易呈現,另外 width 與 height 分別是 div 的寬度與高度。

三、適用於 IE6 與 IE7 的 DIV 置中語法
_margin:0px auto; //適用於 IE6 *margin:0px auto; //適用於 IE7

以上的 DIV 置中方式主要是讓整個 DIV 區塊置中,而不是 DIV 內的元素置中,如果你想要讓 DIV 內的文字、圖片或其他元素能夠置中,請參考 CSS text-align  CSS 文字垂直置中
================================
參考文獻
http://www.wibibi.com/info.php?tid=147

DIV 隱藏技巧

DIV 隱藏技巧

在某些時候會需要隱藏 DIV 區塊,例如網頁剛開啟的時候不顯示,當網友使用了某些選項再開啟 DIV 區塊之類的應用,而 DIV 隱藏有兩種常見的技巧,分別是 JavaScript 語法或是 CSS隱藏,本篇要介紹的是 CSS 隱藏技巧,你可以透過以下兩種方式達成。

CSS DIV 隱藏技巧一<div style="display:none">區塊中的內容</div>

CSS DIV 隱藏技巧二<div style="visibility:hidden">區塊中的內容</div>

這兩種用法有什麼樣的差異呢?簡單來說 display:none 的意思是隱藏包含 <div> 標籤整個元素,而 visibility:hidden 只會隱藏區塊中的內容,並保留 <div> 標籤的屬性,換句話說 <div> 標籤所佔的區塊還是存在,只是沒有顯示內容而已。