举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > html style width HTML DOM Style wordWrap 属性

html style width HTML DOM Style wordWrap 属性

2023-05-28 19:20

html style width HTML DOM Style wordWrap 属性

html style width

HTML style width 是一个用于指定 HTML 元素的宽度的属性。它可以用来控制元素的大小,以便在页面上获得更好的布局效果。

<div style="width: 500px;"> 
    <p>这是一个 div 元素,宽度为 500px。</p> 
</div> 

width 属性可以使用绝对单位(如 px、cm 等)或相对单位(如 em、% 等)来指定元素的宽度。使用相对单位时,元素的宽度将根据浏览器窗口大小而变化。

 
<div style="width: 80%;"> 
    <p>这是一个 div 元素,宽度为 80%。</p> 
</div> 

此外,width 属性还可以用于设置表格列的宽度。在表格中使用 width 属性时,必须使用绝对单位来指定列的宽度。

 
 <table style="width: 500px;" border="1" cellspacing="0" cellpadding="5" > 

    <tr > 

        <th style="width: 100px;" > ;姓名< ;/th > ; 

        < ;th style="width: 200px;" > ;地址< ;/th > ;  

        & lt ;th style = "width : 200px;" > 电话号码   

      

   
 

HTML DOM Style wordWrap 属性

Style wordWrap 属性

Style 对象参考手册 Style 对象

实例

允许长单词换行到下一行:

document.getElementById("myDIV").style.wordWrap="break-word";


定义和用法

wordWrap 属性允许长单词或 URL 地址换行到下一行。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器都支持 wordWrap 属性。


语法

返回 wordWrap 属性:

object.style.wordWrap

设置 wordWrap 属性:

object.style.wordWrap="normal|break-word|initial|inherit"

属性值

描述
normal 只在允许的断字点换行(浏览器保持默认处理)。
break-word 在长单词或 URL 地址内部进行换行。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

技术细节

默认值: normal
返回值: 字符串,表示元素的 word-wrap 属性。
CSS 版本 CSS3


相关文章

CSS 参考手册:word-wrap 属性


Style 对象参考手册 Style 对象

阅读全文
以上是名动网为你收集整理的html style width HTML DOM Style wordWrap 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们