第三十九章 對齊和縮進 - 《代碼能有多難?》

在上一章,我們留下了一個坑。雖然這種情況很少遇到,但是既然說到了,索性我們就解決一下吧。

這個事情其實挺簡單的,當然,前提是你知道相關(guān)的屬性的話。所以我非常建議大家自己去多讀一讀文檔,了解一下都有什么功能。畢竟像我這樣的教程,是怎樣也不可能把所有的屬性都詳細的講解一遍的。

text-align-last 這個屬性就是說文本的最后一行以何種方式對齊。一般來說,并不需要設(shè)置,因為默認的情況已經(jīng)足夠符合我們的日常習慣。屬性的值和 text-align 基本一樣,不過它只負責最后一行的對齊。

那么我們再來寫一下上一章的問題:

<p style="text-align: justify; text-align-last: justify;">這段文字采用了兩端對齊的方式,而且最后一行也要兩端對齊,那我們來看看效果吧。</p>

{% codeshow %}
<p style="text-align: justify; tex


……

**繼續(xù)閱讀 >>> :[第三十九章 對齊和縮進 - 《代碼能有多難?》 —— Writed by 稻米鼠](https://dmnydn.com/courses/lesson-0039?from=jianshu)**

(小白都看的懂,學得會的前端代碼教程,睡前看一章,輕松學代碼。)

**Tags:** Web,HTML,CSS,教程,編程,前端入門,基礎(chǔ)課程
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 移動開發(fā)基本知識點 一.使用rem作為單位 html { font-size: 100px; } @media(m...
    橫沖直撞666閱讀 3,713評論 0 6
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,908評論 0 0
  • H5移動端知識點總結(jié) 閱讀目錄 移動開發(fā)基本知識點 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇閱讀 4,816評論 0 26
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,422評論 0 11
  • CSS 是什么 css(Cascading Style Sheets),層疊樣式表,選擇器{屬性:值;屬性:值}h...
    崔敏嫣閱讀 1,569評論 0 5

友情鏈接更多精彩內(nèi)容