久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

css - 關于label span組成的展示表格,如何控制它的寬度

瀏覽:128日期:2023-01-21 08:28:49

問題描述

css - 關于label span組成的展示表格,如何控制它的寬度

css - 關于label span組成的展示表格,如何控制它的寬度

在這樣一個結構中,如何讓該行數據,當某個span文字太長時,能自動換行,然后在小屏及大屏4個項能平均分配寬度,自適應那樣呢 ?應該如何用樣式控制比較好?求救!謝謝

問題解答

回答1:

是要這個效果嗎?

css - 關于label span組成的展示表格,如何控制它的寬度

寬度變化也沒問題

css - 關于label span組成的展示表格,如何控制它的寬度

html:

<p class='line_block'> <p class='line_data'><p class='xxx'> <label>項目名稱:</label> <span class='w-130'>測試信息學校信息尋尋</span></p> </p> <p class='line_data'><p class='xxx'> <label>項目名稱:</label> <span class='w-130'>測試信息學校信息尋尋</span></p> </p> <p class='line_data'><p class='xxx'> <label>項目名稱:</label> <span class='w-130'>測試信息學校信息尋尋</span></p> </p> <p class='line_data'><p class='xxx'> <label>項目名稱:</label> <span class='w-130'>測試信息學校信息尋尋</span></p> </p></p>

css:

.line_block{ width: 100%; font-size: 0;}.line_data{ display: inline-block; vertical-align: top; width: 25%; font-size: 14px;}.xxx{ padding: 10px;}

多加了一個p用來加個padding,要不都擠在一起不好看,可以去掉。

標簽: CSS
主站蜘蛛池模板: 察隅县| 贞丰县| 军事| 博爱县| 康保县| 新民市| 浦东新区| 灵山县| 兴安县| 虞城县| 通河县| 临夏县| 佛坪县| 怀宁县| 子洲县| 巴彦淖尔市| 鄯善县| 乐清市| 茶陵县| 蒙阴县| 天水市| 嘉定区| 平江县| 资溪县| 潼南县| 习水县| 精河县| 镇雄县| 岳池县| 平塘县| 大姚县| 广丰县| 玉环县| 上饶市| 武安市| 广安市| 多伦县| 门源| 揭东县| 萍乡市| 堆龙德庆县|