CSS樣式在排版文字和數字上有很大的優勢,它不僅可以控制文本的顏色、字體和大小,還可以控制文本在頁面上的布局和格式。其中,“換行”是CSS樣式中非常重要的一部分。
p { whitespace: pre-wrap; /* 換行格式 */ }
在CSS中,換行有多種格式。其中一種是“pre-wrap”,它會保留所有空格并自動換行。這種格式非常適合需要同時顯示文字和數字,例如表格。在表格中,常常需要同時顯示文字和數字,而這些內容可能會超出單元格的寬度,使得頁面顯示不完整。這時,我們可以使用“pre-wrap”樣式,使得內容自動換行,并保留原有的空格和換行符。
table { border-collapse: collapse; } table td { width: 80px; padding: 10px; border: 1px solid #ddd; whitespace: pre-wrap; }
在表格中,我們可以為每一個單元格添加“pre-wrap”樣式,以確保文本和數字的同時顯示,并使得表格美觀易讀。