如何使用css實現(xiàn)文字過長顯示省略號

發(fā)布時間：2022-01-20 14:35:44 來源：億速云閱讀：200 作者：清風欄目：web開發(fā)

這篇文章主要為大家展示了如何使用css實現(xiàn)文字過長顯示省略號，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學(xué)習(xí)一下“如何使用css實現(xiàn)文字過長顯示省略號”這篇文章吧。

　　<!DOCTYPEhtml><html>
 
　　<head>
 
　　<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
 
　　<title>text-overflow</title>
 
　　<linkrel="stylesheet"type="text/css"href="http://unpkg.com/view-design/dist/styles/iview.css">
 
　　<scripttype="text/javascript"src="http://vuejs.org/js/vue.min.js"></script>
 
　　<scripttype="text/javascript"src="http://unpkg.com/view-design/dist/iview.min.js"></script>
 
　　<styletype="text/css">
 
　　.demo-split{
 
　　width:500px;
 
　　height:100px;
 
　　border:1pxsolid#dcdee2;
 
　　background:palegreen;
 
　　}
 
　　.demo-split-pane{
 
　　padding:10px;
 
　　color:red;
 
　　}
 
　　</style>
 
　　</head>
 
　　<body>
 
　　<pid="app">
 
　　<pclass="demo-split">
 
　　<Splitv-model="split">
 
　　<pslot="left"class="demo-split-pane">
 
　　未使用clip自適應(yīng)寬度</p>
 
　　<pslot="right"class="demo-split-pane">
 
　　未使用ellipsis自適應(yīng)寬度</p>
 
　　</Split>
 
　　</p>
 
　　</p>
 
　　</body>
 
　　<scripttype="text/javascript">
 
　　newVue({
 
　　el:'#app',
 
　　data(){return{
 
　　split:0.4
 
　　}
 
　　}
 
　　})</script></html>
 
　　左側(cè)寬度變小，文字換行。

css的基本語法是什么

css的基本語法是：1、css規(guī)則由選擇器和一條或多條聲明兩個部分構(gòu)成；2、選擇器通常是需要改變樣式的HTML元素；3、每條聲明由一個屬性和一個值組成；4、屬性和屬性值被冒號分隔開。

以上就是關(guān)于“如何使用css實現(xiàn)文字過長顯示省略號”的內(nèi)容，如果該文章對您有所幫助并覺得寫得不錯，勞請分享給您的好友一起學(xué)習(xí)新知識，若想了解更多相關(guān)知識內(nèi)容，請多多關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

如何使用css實現(xiàn)文字過長顯示省略號

css的基本語法是什么

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽