• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    文本有關的樣式和jQuery求對象的高寬問題分別說明_jquery

    來源:懂視網 責編:小采 時間:2020-11-27 21:13:18
    文檔

    文本有關的樣式和jQuery求對象的高寬問題分別說明_jquery

    文本有關的樣式和jQuery求對象的高寬問題分別說明_jquery:WEB開發經常會用到有關文處理本有關的問題,這里結合使用情況總結一下,同時還有jQuery求對象的高度問題,分別說明如下: 一、CSS中有關文本的樣式 1, word-break: normal | keep-all | break-all 設置或檢索單詞在容器邊界處的處理方式,是否允許單詞內換行
    推薦度:
    導讀文本有關的樣式和jQuery求對象的高寬問題分別說明_jquery:WEB開發經常會用到有關文處理本有關的問題,這里結合使用情況總結一下,同時還有jQuery求對象的高度問題,分別說明如下: 一、CSS中有關文本的樣式 1, word-break: normal | keep-all | break-all 設置或檢索單詞在容器邊界處的處理方式,是否允許單詞內換行

    WEB開發經常會用到有關文處理本有關的問題,這里結合使用情況總結一下,同時還有jQuery求對象的高度問題,分別說明如下:

    一、CSS中有關文本的樣式

    1, word-break: normal | keep-all | break-all
    設置或檢索單詞在容器邊界處的處理方式,是否允許單詞內換行;
    normal: 瀏覽器默認處理方式;
    keep-all:遇到容器邊界處,單詞內不換行;
    break-all:遇到容器邊界處,單詞內可換行,即單詞斷開換行顯示;

    2, word-wrap: normal | break-word
    設置或檢索當內容超過指定容器的邊界時是否斷行;
    normal: 當內容超出容器邊界時,內容可以頂開或溢出容器的邊界;
    break-word: 當內容超出容器邊界時,內容將在容器邊界處換行;

    3,white-space: normal | pre | nowrap | pre-wrap | pre-line
    設置或檢索對象內空格的處理方式;
    normal: 瀏覽器默認的處理方式;
    pre: 不合并空白,內容多超出容器邊界也不換行;
    nowrap: 強制一行內顯示所有文本,合并多余的空白,直到文本結束或遇到br對象;
    pre-wrap: 不合并文本間空白,內容多時在遇到邊界處換行;
    pre-line: 不保留文本間的空白,內容多時遇到邊界處換行;

    4,text-transform: none | capitalize | uppercase | lowercase | full-width
    檢索或設置對象中的文本的大小寫;
    none: 保留原樣,不轉換;
    capitalize: 每個單詞首字母轉成大寫;
    uppercase: 單詞全轉成大寫;
    lowercase: 單詞全轉成小寫;
    full-width: 所有文本轉變成fullwidth形式,沒有對應的fullwidth形式則保留原樣。

    5,text-overflow: clip | ellipsis
    設置檢索文本超出容器邊界處的處理方式;
    clip: 當內容超出邊界時,超出部分被剪切;
    ellipsis: 當內容超出邊界時,超出部分用省略號表示;
    注意:該屬性需要設置white-space=nowrap, overflow=hidden才起作用,且這兩個屬性放在text-overflow之前;

    6,text-indent: | [ hanging || each-line ]
    檢索或設置對象中的文本的縮進;
    length: 文本縮進指定長度值,可以為負值。
    percentage:文本縮進指定百分比值,可以為負值。

    hanging: 定義縮進作用在塊容器的第一行或者內部的每個強制換行的首行,軟換行不受影響;
    each-line: 反向所有被縮進作用的行;
    如: p{text-indent:2em each-line}

    7,line-height: normal | | | number
    檢索或設置對象的行高,即文本字符的最低到最頂之間的距離;
    normal: 默認允許內容頂開或一出指定的容器;
    length: 用指定數值指定行高,可為負數;
    percentage: 用指定百分比指定行高,可為負數;
    number: 用乘積因子指定行高,可為負數;

    舉例:
    代碼如下:

    這里文本超出容器時將用顯示省略號顯示, text... text... abc66666666666666666666666


    二、jQuery獲取DOM對象的高寬問題

    高度有關的方法有: height(), outerHeight(), outerHeight(true), 寬度有關的方法有:width(), outerWidth(), outerWidth(true)

    假如有id=div_id的div對象,那求出各種寬高如下:
    代碼如下:
    $("#div_id").height() / $("#div_id").width(); // 獲得的是該div本身的高 / 寬度, (不包含padding,margin,border)
    $("#div_id").outerHeight() / $("#div_id").outerWidth(); // 包含該div本身的高 / 寬度, padding上下的高 / 寬度, 以及border上下的高 / 寬度(不包含margin的高 / 寬度)
    $("#div_id").outerHeight(true) / $("#div_id").outerWidth(true); // 包含該div本身的高 / 寬度, 以及padding,border,margin上下的總高 / 寬度

    舉例:
    代碼如下:

    div info: height : 30px, width : 500px, padding:10px 20px; margin:10px 5px,


    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    文本有關的樣式和jQuery求對象的高寬問題分別說明_jquery

    文本有關的樣式和jQuery求對象的高寬問題分別說明_jquery:WEB開發經常會用到有關文處理本有關的問題,這里結合使用情況總結一下,同時還有jQuery求對象的高度問題,分別說明如下: 一、CSS中有關文本的樣式 1, word-break: normal | keep-all | break-all 設置或檢索單詞在容器邊界處的處理方式,是否允許單詞內換行
    推薦度:
    標簽: 文本 有關 有關的
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 国产精品区免费视频| 国产精品拍天天在线| 无码精品国产VA在线观看DVD| 久久国产精品久久久| 无码久久精品国产亚洲Av影片| 国产免费久久精品丫丫| 国产精品亚洲欧美一区麻豆| 在线精品动漫一区二区无广告| 国产精品99无码一区二区| 18国产精品白浆在线观看免费| 真实国产乱子伦精品视频| 国产精品九九久久免费视频 | 国产欧美在线观看精品一区二区| 国产精品成人在线| 久久久久人妻精品一区二区三区| 日韩一区二区三区精品| 精品福利一区二区三区| 国产成人无码精品久久久免费 | 日本精品一区二区久久久| 3级黄性日本午夜精品| 国产成人亚洲合集青青草原精品| 精品一区二区三区波多野结衣 | 国产微拍精品一区二区| 99国内精品久久久久久久| 国产精品日本欧美一区二区| 99热国内精品| 99精品久久精品一区二区| 大伊香蕉精品一区视频在线| 亚洲AV无码久久精品狠狠爱浪潮| 亚洲精品乱码久久久久久蜜桃图片| 中文成人无码精品久久久不卡| 午夜精品一区二区三区在线视| 欧美精品国产一区二区三区| 免费看一级毛片在线观看精品视频| 青青草97国产精品免费观看| 亚洲?V乱码久久精品蜜桃| 中日韩产精品1卡二卡三卡| 中文国产成人精品久久不卡| 午夜精品久久久久久中宇| 亚洲国产精品无码av| 色欲精品国产一区二区三区AV |