DIV內的文字太接近DIV邊框

DIV內的文字太靠近DIV邊框了。我如何創建空間，使文本離邊界更遠一點？

謝謝你這麼多

下面你可以找到我的CSS，你還可以找到an example on my website所以你知道我在說什麼。再次感謝你。

.text { 
    background-color: #F1F1F1; 
    width: 600px; 
    margin: auto; 
    border: 1px solid #73AD21; 
    padding-top: -50px; 
    padding-right: -60px; 
    padding-bottom: -50px; 
    padding-left: -20px; 
} 

pre { 
    white-space: pre-wrap;  /* Since CSS 2.1 */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap;  /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
}

來源

2016-11-30 Fabio Viola

請通過代碼共享工具提供了一個可行的例子如Codepen.io，Jsfiddle.net，jsbin.com或使用StackOverflows內置的編輯器，以提供一個例子。鏈接到您的個人網站是不鼓勵的，因爲您有可能使用這篇文章獲得廣告收入（並非如此，只是已知會發生）。 – ioneyed

好吧，你必須知道填充不能是負值，併爲你的文本設置一些填充，使其離你的文檔有點遠 – Anami

爲什麼你的文本使用感嘆號填充？ –

只要給padding: 15px;。

.text { 
    background-color: #F1F1F1; 
    width: 600px; 
    margin: auto; 
    border: 1px solid #73AD21; 
    padding: 15px; 
    }

您可以根據需要增加填充（即padding: 20px）。

來源

2016-11-30 02:43:31

謝謝。填充：3px;這對我來說已經夠好了。否則，如果我把15px，是的文字看起來不錯，但分區一直延伸到最右邊。 –

在div中添加一點填充，應該爲你做。

.div { 
    padding: 10px; 
}

來源

2016-11-30 02:45:03 crosstec

DIV內的文字太接近DIV邊框

回答

相關問題