CSS是網頁設計中不可或缺的一部分,通過CSS的樣式設定可以實現網頁的各種效果。其中,破折號也是一種常見的文字排版效果,本文將介紹如何使用CSS顯示破折號。
p{ text-indent: 2em; /*文字縮進*/ white-space: pre-wrap; /*保留空格和換行符*/ }
通過以上的CSS代碼,可以實現在段落中添加破折號的功能。首先,在段落樣式中設定了文字縮進,這樣一來即可實現破折號的左側對齊。
而其中的關鍵在于white-space樣式,pre-wrap表示保留空格和換行符。如果不設置此樣式,那么文本中的多個空格將被瀏覽器自動合并,而無法顯示出破折號。
總之,通過以上的CSS代碼,在網頁中實現破折號排版也將變得十分簡單易行。