摘要:效果如下圖使用名稱這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行使用名稱
效果如下圖
使用float
名稱:這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行...這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行
使用absolute
名稱:這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行...這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行
使用table
絕對(duì)沒必要,哈哈哈,雖然可以實(shí)現(xiàn)效果。
不過,可以用display:table
名稱:這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行...這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行
彈性布局
名稱:這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行...這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行..這里是很長(zhǎng)很長(zhǎng)的內(nèi)容,需要換行
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/116642.html
摘要:允許指定負(fù)長(zhǎng)度值和百分比值。在表單元格中,這個(gè)屬性會(huì)設(shè)置單元格框中的單元格內(nèi)容的對(duì)齊方式。元素基線超過父元素的基線指定高度。取值元素與同行單元格的基線對(duì)齊。單元格垂直居中。單元格的內(nèi)邊距的下邊緣與行的底端對(duì)齊。 vertical-align的理解: 設(shè)置元素的垂直對(duì)齊方式,是以父元素作為參照的。 多用于圖片和文字的并排對(duì)齊。 適用于內(nèi)聯(lián)元素,內(nèi)聯(lián)塊元素和表單元素。 display:i...
摘要:而行內(nèi)塊元素,顧名思義,就是位于行內(nèi)的塊元素。紅線表示行高的頂邊和底邊,綠線表示字體高度,藍(lán)線表示基線。紅線表示外邊距的邊界,黃色是邊框,綠色的內(nèi)邊距,藍(lán)色是內(nèi)容區(qū),藍(lán)線是每個(gè)行內(nèi)塊元素的基線?,F(xiàn)在,我們已經(jīng)知道了對(duì)齊相關(guān)的一切要素。 好,我們聊聊vertical-align。這個(gè)屬性主要目的用于將相鄰的文本與元素對(duì)齊。而實(shí)際上,verticle-algin可以在不同上下文中靈活地對(duì)齊...
摘要:宋體是文本標(biāo)記語言宋體宋體文件的擴(kuò)展名一般為宋體或者宋體內(nèi)的標(biāo)簽一般是成對(duì)出現(xiàn),有開始就有結(jié)束宋體第一個(gè)標(biāo)簽宋體所有網(wǎng)頁內(nèi)容都是放在宋體標(biāo)簽內(nèi)宋體標(biāo)簽是網(wǎng)頁是最大的標(biāo)簽宋體第二個(gè)標(biāo)簽在宋體有兩個(gè)重要的標(biāo)簽一HTML 是文本標(biāo)記語言(Hyper Text Mark-up Language) Html文件的擴(kuò)展名一般為.html或者.htm Html內(nèi)的標(biāo)簽一般是成對(duì)出現(xiàn),有開始就有結(jié)束 第一個(gè)...
摘要:引言說起大家都知道他是用在對(duì)相鄰的文字和內(nèi)聯(lián)元素上,比如常見的將一個(gè)圖標(biāo)和相鄰的文字居中對(duì)齊。每個(gè)內(nèi)聯(lián)元素也有其自己的基線,頂線和底線。內(nèi)聯(lián)元素的基線位置低于行框的基線。內(nèi)聯(lián)元素的基線相對(duì)于行框基線移動(dòng)相應(yīng)于行高百分比的數(shù)值。 平時(shí)遇到vertical-align時(shí)候會(huì)有各種抓狂的時(shí)刻,調(diào)來調(diào)去雖然也弄好了但是心里面一直很虛,因?yàn)橐恢睕]有透徹理解過這個(gè)屬性,搜索時(shí)候發(fā)現(xiàn)了一篇很棒的文章...
摘要:基線底線頂線中線頂線中文漢字的的上端沿中線橫過英文字母的中間的線基線并不是漢字文字的下端沿,而是英文字母的下端沿底線中文漢字的下端沿內(nèi)容區(qū)指底線和頂線包裹的區(qū)域行內(nèi)元素可以通過屬性顯示出來,實(shí)際中不一定看得到,但確實(shí)存在。基線、底線、頂線、中線、vertical-align 頂線:中文漢字的的上端沿; 中線:橫過英文字母x的中間的線; 基線(base line)并不是漢字文字的下端沿,而是英...
閱讀 1780·2021-09-23 11:34
閱讀 2500·2021-09-22 15:45
閱讀 13133·2021-09-22 15:07
閱讀 2284·2021-09-02 15:40
閱讀 4182·2021-07-29 14:48
閱讀 1111·2019-08-30 15:55
閱讀 3268·2019-08-30 15:55
閱讀 2216·2019-08-30 15:55