在CSS中有多種方法可以控制文本空格的樣式，比如設置字母間距、單詞間距、行高等等。但是如果想要完全控制文本的空格，最好的辦法是使用pre標簽，其可以讓文本保留原來的空格與換行符。 同時，在設置文章的段落樣式時，也應該使用p標簽來進行包裹。這樣有利于文本的語義化，同時也方便后續的樣式控制與編輯。 下面是一個簡單的示例代碼：

<style>
pre {
white-space: pre-wrap;
font-family: 'Courier New', monospace;
font-size: 16px;
line-height: 1.5;
}
p {
font-size: 18px;
line-height: 1.8;
margin-bottom: 20px;
}
</style>
<div>
<p>這是一個使用pre標簽的示例代碼：</p>
<pre>
function greet(name) {
console.log(`Hello, ${name}!`);
}
greet('world');
greet('everyone');
</pre>
<p>可以看到，以上代碼中的空格和換行符都被保留了。同時，段落樣式也很好的體現出來了。</p>
</div>

在上面的示例代碼中，我們使用了pre標簽來包裹代碼，這樣就可以完美地保留空格和換行符。同時，在p標簽中設置了一些基本的樣式，例如字體大小、行高、段落間距等等。 通過這種方式，我們可以很好地控制文本的樣式，同時也讓代碼更加易讀易懂。