共射電路Rc取值不當會引起集電極輸出波形被削
阿新 • • 發佈：2021-12-19
overflower屬性是css中的重要屬性。當盒子內的元素超出盒子自身的大小時，內容就會溢位，如果想要規範溢位內容的顯示方式，就需要使用overflower屬性，其基本語法格式如下：
選擇器{overflower：屬性值；}
其中，overflower的屬性值有4個，分別代表不同的含義，具體如下表：
| 屬性值 | 描述 |
| visible | 內容不會被修剪，會呈現在元素框之外（預設值） |
| hidden | 溢位內容會被修剪，並且被修剪的內容是不可見的 |
| auto | 在需要時產生滾動條，即自適應所要顯示的內容 |
| scroll | 溢位內容會被修剪，且瀏覽器會始終顯示滾動條 |
下面展示一個案例：
效果圖：
在上例中，其中的overflower設定了visible的值，定義了溢位內容不會被裁減，而是呈現在其他地方設定的值。在效果圖中可以看出，文字超出元素框，並沒有被剪下，繼續呈現在頁面中。如果想要超出部分被剪下，且不可見，可將overflower屬性設為hidden。
程式碼如下：
效果圖：
由此看出，overflower：hidden 可以將超出部分剪下，且被隱藏不可見。
另外，如果希望元素框能夠自適應其內容的多少，在內容溢位時，產生滾動條，否則，則不產生滾動條，可以將overflower的屬性值定義為auto。
程式碼如下：
效果如下：
在圖中，元素框下方顯示了滾動條，拖動滾動條可以檢視溢位的內容。當盒子內容減少時，滾動條就會消失。
值得一提的是，當定義overflower的屬性值為scroll時，元素框中也會產生滾動條。
程式碼如下：
效果如下：
在圖中，元素框中出現了水平和豎直方向的滾動條。與“overflower：auto；”不同，當定義“overflower：scroll”時，不論元素是否溢位，元素框中的水平和豎直方向 滾動條始終存在。