在css3中,可以利用height屬性配合overflow屬性來設定文字高度;height屬性用來設定元素的高度,overflow屬性用來設定文字超出元素高度隱藏,語法為「文字元素{height:需要顯示的高度值;overflow:hidden;}」。
本教學操作環境:windows10系統、CSS3&&HTML5版本、Dell G3電腦。
我們可以透過height屬性設定文字元素的顯示高度,透過overflow屬性設定文字元素超出高度時顯示隱藏。
overflow 屬性規定當內容溢出元素框時發生的事情。當元素值設定為hidden是就會隱藏超出的部分。
範例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div{ width:200px; height:100px; border:1px solid black; overflow:hidden; } </style> </head> <body> <div>css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏</div> </body> </html>
輸出結果:
以上是css3中什麼是用來設定文字高度的的詳細內容。更多資訊請關注PHP中文網其他相關文章!