jquery实现div设定宽度后文本自动换行
时间: 2023-08-08 13:02:49 浏览: 100
字体超过div范围自动换行
使用jQuery实现div设定宽度后文本自动换行,可以通过设置div的CSS属性来实现。
首先,在HTML中定义一个div元素:
```
<div id="myDiv">这是一段很长的文本,当div的宽度设定后,文本会自动换行。</div>
```
然后,在JavaScript中使用jQuery来获取该div元素,并给它设置宽度和其他样式:
```
$(document).ready(function(){
// 获取div元素
var myDiv = $('#myDiv');
// 设置宽度和样式
myDiv.css({
'width': '200px',
'background-color': '#ccc',
'padding': '10px',
'word-wrap': 'break-word' // 设置自动换行
});
});
```
上述代码中,我们使用了`$(document).ready()`来确保页面加载完成后再执行代码。然后,使用`$('#myDiv')`来获取ID为"myDiv"的div元素,并使用`.css()`方法来设置其宽度、背景颜色、内边距和自动换行。
通过这样的设置,当div的宽度被设定为小于文本的宽度时,文本将自动换行适应div的宽度。
阅读全文