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

使用CSS能夠設置一下樣式：

<style> u,small{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical;
        } </style>

對<u>標籤和<small>標籤都是用這個樣式

　　　　　　　　　　　　　　　　<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>&nbsp;折扣價</small>
                                        </div>
                                    </div>
                                </div>
                            </div>

效果以下：