作品詳情div
>
class
="sui-dl"
>
class
="sui-dt"
>
class
="sui-icon"
>
i>
作品名稱：dt
>
class
="sui-dd sui-dd-three"
>
風景之十五dd
>
dl>
class
="sui-dl"
>
class
="sui-dt"
>
class
="sui-icon"
>
i>
創作形式：dt
>
class
="sui-dd sui-dd-three"
>
原創dd
>
dl>
class
="sui-dl"
>
class
="sui-dt"
>
class
="sui-icon"
>
i>
年代：dt
>
class
="sui-dd"
>
2023年dd
>
dl>
class
="sui-dl"
>
class
="sui-dt"
>
class
="sui-icon"
>
i>
風格：dt
>
class
="sui-dd"
>
---dd
>
dl>
class
="sui-dl"
>
class
="sui-dt"
>
class
="sui-icon"
>
i>
型別：dt
>
class
="sui-dd"
>
油畫dd
>
dl>
class
="sui-dl"
>
class
="sui-dt"
>
class
="sui-icon"
>
i>
材質：dt
>
class
="sui-dd"
>
---dd
>
dl>
class
="sui-dl"
>
class
="sui-dt"
>
class
="sui-icon"
>
i>
尺寸：dt
>
class
="sui-dd"
>
60×50cmdd
>
dl>
class
="sui-dl"
>
class
="sui-dt"
>
class
="sui-icon"
>
i>
標籤：dt
>
class
="sui-dd sui-dd-three"
>
---dd
>
dl>
div>
div>
div>
// 參展資訊
.exhv-content
.sui-info
.sui-head
.sui-dl
.sui-dt
.sui-dd
.sui-dd:empty::before
.sui-dd-three
.sui-icon
class
="e-head"
>
class
="e-harrow"
>
div>
class
="e-back"
@click
="emhide()"
>
返回div
>
class
="e-btn"
>
匯出div
>
div>
```class
="e-head"
>
class
="e-harrow"
>
div>
class
="e-back"
@click
="emhide()"
>
返回div
>
class
="e-btn"
>
匯出div
>
div>
```css
// 返回
.e-head
.e-back
.e-harrow
.e-btn兩行省略
-webkit-box-orient
: vertical;
-webkit-line-clamp
: 2;
overflow
: hidden;
word-break
: break-all;
text-overflow
: ellipsis;
transition
: all 0.3s linear;
常用的布局方式
1.流式布局。網頁中主要的劃分區域的尺寸使用百分數,常見的就是寬度百分比，高度和字型px寫。缺點 寬度使用百分比定義，但是高度和文字大小等大都是用px來固定，所以在大螢幕的手機下顯示效果會變成有些頁面元素寬度被拉的很長，但是高度 文字大小還是和原來一樣 即，這些東西無法變得 流式 顯示非常不協調。流...
WEB前端常用布局方式
頁面的布局方式是塊狀元素依次從上至下 從左至右進行布局 對公司 企業而言視覺極佳的布局效果能讓在瞬間抓住客戶的心，能吸引潛在的合作者。適用性，根據不同行業情況進行不同效果的製作。吸引性，視覺效果優秀的布局效果能瞬間吸引客戶。靜態布局是最為原始的布局方式，沒有什麼技術性可言，往往是計算機行業剛剛入門的...
布局（layout）資源的特別注意點
1.根元素可以是 viewgroup view或，但只能有乙個根元素且必須包含帶 android 命名空間的 xmlns android 屬性。2.android layout height和android layout width的值 高度和寬度值能用 android 支援的度量單位 px,dp,...