CSS 使用CSS控制文字過多自動省略號

2021-09-22 09:22:41 字數 1369 閱讀 6674

使用css可以設定一下樣式:

對標籤和標籤都是用這個樣式

<

div

class

="row"

>

<

div

class

="alert alert-info"

>

<

div

class

="row"

>

<

div

class

="col-lg-8 col-sm-12 col-md-12 col-xs-12 text-left"

>

<

input

type

="hidden"

name

="adminid"

/>

<

u name

="adminname"

style

="text-overflow:ellipsis;"

>機構名稱機構名稱機構名稱機構名稱機構名稱機構名稱機構名稱機構名稱

u>

div>

div>

<

div

class

="row"

>

<

div

class

="col-lg-6 col-sm-6 col-md-6 col-xs-6 text-left"

>

<

input

type

="hidden"

name

="productid"

/>

<

small

name

="productname"

>產品名稱產品名稱產品名稱產品名稱產品名稱

small

>

div>

<

div

class

="col-lg-6 col-sm-6 col-md-6 col-xs-6 text-right"

>

<

small

>¥<

em>12.3

em>

折扣價small

>

div>

div>

div>

div>

效果如下:

css 控制文字

css 文字屬性可定義文字的外觀。通過文字屬性,可以改變文字的顏色 字元間距,對齊文字,裝飾文字,對文字進行縮排,等等。l 基本屬性 屬性描述 示例color 設定文字顏色 color red background color 背景顏色 text align 對齊方式 text align cent...

CSS 文字控制

one more time one more chance.一歩重頭學前端,css入門。white space text overflow ellipsis word break,word wrap text align justify text decoration text transform ...

文字使用CSS進行控制換行

css中white space的值pre wrap css中white space屬性設定如何處理元素內的空白。預設值normal表示 空白會被瀏覽器忽略。white space這個屬性宣告建立布局過程中如何處理元素中的空白符。值 pre wrap 和 pre line 是 css 2.1 中新增的...