Display的作用主要包括：
定義元素類型：通過設定display屬性，可以改變元素的顯示方式，例如將元素轉換為塊級元素（block）、行內元素（inline）、行內塊元素（inline-block）、彈性盒子（flex）、格線容器（grid）或表格（table）等。
控制布局：display屬性用於控制元素的布局方式，如彈性盒子布局和格線布局，以及實現回響式設計。
控制顯示與隱藏：通過將display屬性設定為none，可以使元素完全隱藏，不會在頁面上顯示。
影響盒模型：當元素的display屬性設定為box時，該元素會以盒模型的方式進行布局，影響元素的外觀和布局。
實現回響式設計：通過靈活運用display屬性，可以實現回響式設計，使頁面在不同螢幕尺寸下呈現不同的布局效果。
控制元素重疊：通過設定display屬性，可以控制元素是否被隱藏以及與其他元素的重疊情況。
實現自定義布局：通過設定display屬性為自定義的值，如table-cell，可以創建自定義的布局效果。
控制元素顯示順序：在多列布局中，可以通過設定display屬性來控制元素在不同列之間的顯示順序和跨越的列數。
顯示字元串和標量表達式中的特定值：在編程環境中，display可以用來顯示字元串和標量表達式中的特定值，並設定輸出結果顯示樣式。
綜上所述，display屬性在網頁設計和編程中扮演著至關重要的角色，它不僅影響元素的顯示方式和布局，還涉及到元素的隱藏、盒模型套用、回響式設計、自定義布局以及字元串和表達式的顯示。