<form id="ddd9p"><nobr id="ddd9p"></nobr></form>

          <address id="ddd9p"></address>

          當前位置: 沐風博客 >> 網頁設計 >>正文

          css兩端對齊怎么設置,css中文本的對齊有哪些

          重點導讀:除了css兩端對齊,本文還介紹了主要的css中文本的對齊有哪些??梢钥吹?,常見的文本對齊方式是靠左、居中以及靠右,相對來說css兩端對齊用得還是比較少的,只在某些特殊情況下使用??傊@些css代碼很簡單,大家應該能夠很快學會。

          在設計頁面的時候會涉及到文本對齊的問題,默認情況下是靠左對齊的,但有些時候也乤靠右對齊。本文給大家介紹下css兩端對齊,看看css兩端對齊怎么設置,以及css中文本的對齊有哪些。

          一、css兩端對齊怎么設置

          我們先來看下css兩端對齊的效果圖:

          css兩端對齊.jpg

          上面的代碼是:

          <div style=" width:500px; height:300px;  background-color:#6666CC; text-align-last:justify; color:#FFFFFF">

          css兩端對齊 

          </div>

          為了讓效果更加明顯,我們給div加了寬度和底色等,其中css兩端對齊的代碼是 text-align-last:justify 。大家如果想像文本兩段對齊的話,在css里面加入這個屬性代碼就可以了,當然也可以結合具體情況設置其他的css樣式,讓整個效果更加好看。

          二、css中文本的對齊有哪些

          語法:text-align : left | right | center 

          說明:設定元素內文本的水平對齊方式。 

          參數:left : 左對齊;right : 右對齊;center :  居中;justify :  兩端對齊

          前面說到默認情況下,文本是左對齊,那么如果要讓文本靠右對齊,代碼是:

          <div style=" width:500px; height:300px;  background-color:#6666CC; text-align:right; color:#FFFFFF">

          css靠右對齊 

          </div>

          以下是效果圖:

          css靠右對齊.jpg

          如果讓文本居中對齊,代碼是:

          <div style=" width:500px; height:300px;  background-color:#6666CC; text-align: center; color:#FFFFFF">

          css居中對齊 

          </div>

          以下是效果圖:

          css居中對齊.jpg

          關于css兩端對齊的問題,本文就介紹到這里。除了css兩端對齊,本文還介紹了主要的css中文本的對齊有哪些??梢钥吹?,常見的文本對齊方式是靠左、居中以及靠右,相對來說css兩端對齊用得還是比較少的,只在某些特殊情況下使用??傊@些css代碼很簡單,大家應該能夠很快學會。


          相關知識點
          CSS:層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

          本文 已幫助 2329 人!

          沐風博客

          本站內容大部分由沐風博客原創,少部分內容來源于網絡,如有侵權請與我們聯系,我們會及時刪除!
          責任編輯:沐風 | 發布時間:2021年11月22日07點53分59秒 | 本文永久地址為 http://www.aywdesigns.com/seo/1982.html

          發表評論:

          ◎歡迎參與討論,請在這里發表您的看法、交流您的觀點。

          沐風博客,更新包含SEO培訓教程、網站運營及網絡推廣等互聯網資訊

          線下SEO培訓地址:廣州.廈滘 | 線上SEO培訓不受地域限制

          人人妻人人A爽人人模夜夜

          <form id="ddd9p"><nobr id="ddd9p"></nobr></form>

                  <address id="ddd9p"></address>