摘要:效果如下圖使用名稱這里是很長很長的內容,需要換行這里是很長很長的內容,需要換行這里是很長很長的內容,需要換行這里是很長很長的內容,需要換行這里是很長很長的內容,需要換行這里是很長很長的內容,需要換行這里是很長很長的內容,需要換行使用名稱
效果如下圖
使用float
名稱:這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行...這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行
使用absolute
名稱:這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行...這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行
使用table
絕對沒必要,哈哈哈,雖然可以實現效果。
不過,可以用display:table
名稱:這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行...這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行
彈性布局
名稱:這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行...這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行..這里是很長很長的內容,需要換行
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/51306.html
摘要:允許指定負長度值和百分比值。在表單元格中,這個屬性會設置單元格框中的單元格內容的對齊方式。元素基線超過父元素的基線指定高度。取值元素與同行單元格的基線對齊。單元格垂直居中。單元格的內邊距的下邊緣與行的底端對齊。 vertical-align的理解: 設置元素的垂直對齊方式,是以父元素作為參照的。 多用于圖片和文字的并排對齊。 適用于內聯元素,內聯塊元素和表單元素。 display:i...
摘要:而行內塊元素,顧名思義,就是位于行內的塊元素。紅線表示行高的頂邊和底邊,綠線表示字體高度,藍線表示基線。紅線表示外邊距的邊界,黃色是邊框,綠色的內邊距,藍色是內容區,藍線是每個行內塊元素的基線。現在,我們已經知道了對齊相關的一切要素。 好,我們聊聊vertical-align。這個屬性主要目的用于將相鄰的文本與元素對齊。而實際上,verticle-algin可以在不同上下文中靈活地對齊...
摘要:引言說起大家都知道他是用在對相鄰的文字和內聯元素上,比如常見的將一個圖標和相鄰的文字居中對齊。每個內聯元素也有其自己的基線,頂線和底線。內聯元素的基線位置低于行框的基線。內聯元素的基線相對于行框基線移動相應于行高百分比的數值。 平時遇到vertical-align時候會有各種抓狂的時刻,調來調去雖然也弄好了但是心里面一直很虛,因為一直沒有透徹理解過這個屬性,搜索時候發現了一篇很棒的文章...
摘要:基線底線頂線中線頂線中文漢字的的上端沿中線橫過英文字母的中間的線基線并不是漢字文字的下端沿,而是英文字母的下端沿底線中文漢字的下端沿內容區指底線和頂線包裹的區域行內元素可以通過屬性顯示出來,實際中不一定看得到,但確實存在。基線、底線、頂線、中線、vertical-align 頂線:中文漢字的的上端沿; 中線:橫過英文字母x的中間的線; 基線(base line)并不是漢字文字的下端沿,而是英...
閱讀 2020·2023-04-25 22:50
閱讀 2834·2021-09-29 09:35
閱讀 3390·2021-07-29 10:20
閱讀 3154·2019-08-29 13:57
閱讀 3356·2019-08-29 13:50
閱讀 3032·2019-08-26 12:10
閱讀 3530·2019-08-23 18:41
閱讀 2634·2019-08-23 18:01