控制富文字table不能超過div寬度 文字效果

2021-10-12 06:47:31 字數 1914 閱讀 1536

在css入門階段,學習了一些文字樣式屬性,本節對下表中的文字樣式屬性進行深入的學習和了解。

屬性值說明

text-indent

段落首行縮排

text-align

文字水平對齊

line-height

行高vertical-align

文字垂直對齊

深入text-indent

在css文字樣式那節中,學習了中文段落首行在需要縮排兩個字的空間時,可以將text-indent值等於font-size值的2倍。

在許多網頁中,

是乙個放置logo的標籤,但是搜尋引擎只能識別文字,不能識別。為了解決這個問題,官網提供了乙個方法:指定h1元素的長寬與logo的長寬一樣,然後定義h1的背景(background-image)為logo。

但是這有乙個問題,那就是

用了「text-indent:-9999px;讀者可能會產生乙個問題,為啥用-9999px,不用-99px、-999px呢?因為一般的電腦螢幕寬度有1024px、1366px等,這個時候用-99px、-999px還是會在頁面中顯示,所以需要定義乙個當前電腦無法達到的螢幕寬高度。  

深入text-align

在css入門中的文字樣式中,已經學習了text-align有三個屬性分別是:center、left、right。 這裡就不過多介紹了。

text-align起作用的元素

text-align屬性只對文字和起作用,這是不完全正確的。正確的說法是:text-align對文字、inline元素以及inline-block元素起作用,但對塊元素不起作用。是屬於inline-block元素的。

塊元素舉例 

doctype html>

text-align屬性title>

二、塊元素

vertical-align屬性對inline元素、inline-block元素和table-cell元素有效,對塊元素無效。

三、table-cell元素

在**單元格中,vertical-align屬性可以定義單元格中內容的對齊方式。

table-cell元素跟inline、inline-block元素使用vertical-align是有區別的

(1)inline元素和inline-block元素的vertical-align是針對周圍的元素來說的,vertical定義的是周圍元素相對於當前元素的對齊方式。

(2)table-cell元素的vertical-align屬性是針對自身而言。vertical-align定義的是內部子元素相對於自身的對齊方式。

舉例: 

doctype html>

vertical-align屬性title>

本節主要學習了文字效果,最後對其總結。

Oracle使用IN時不能超過1000的問題

oracle使用in時不能超過1000的問題 ora 01795 列表中的最大表示式數為 1000 當我們使用orcale的in語法時,如果in 裡面的內容元素個數超過1000個就會報 ora 01795的錯誤。最笨重的方法,就是每當達到999的倍數加一就開始用or in select id sel...

利用 上傳不能超過 的檔案

125 是否為附件上傳 126 判斷的根據是contenttype中有無multipart form data 127 128 129 6 2 aspx 1 3 aspx.cs 1 protected void button1 click object sender,eventargs e 2 4....

service的啟動不能超過10s。

在android啟動的時候,我們開啟乙個service,結果在啟動過程中報錯。出現了如下的異常資訊。然後,我們將啟動的執行 放到thread執行,就解決了問題。08 08 09 22 17.820 e activitymanager 2099 anr in com.ztao.printer.serv...