css筆記，css

css筆記，css

（1）input標籤type為search，輸入內容時會出現清除內容icon，

   解決方案：

   input[type="search"]{-webkit-appearance:none;}

   input::-webkit-search-cancel-button {display: none;}

（2）多行省略符號（給出高度），也可以使用標籤內容(...)l來遮住字元text-overflow: ellipsis;

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;//表示第二行出現省略符號
overflow: hidden;

（3）單行省略符號

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;