在<table>或<div>中如何让传入的文本自动换行

来源:互联网 发布:java 统计学函数 编辑:程序博客网 时间:2024/06/06 02:41
在<table>或<div>中如何让传入的文本自动换行
<div style="width:100px">
你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你
</div>
这样的话。div中内容。会到100px自动换行的。但是
<div style="width:100px">
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</div>
也就是其中内容是英文的话就不会换行???内容将会撑大直到完全显示



如果你输入的不是一连串的如:aaaaaaaaaa或!!!!!!!!这样的无意义字符,在你指定了容器的宽度之后,是会自动换行的;
如果有大篇章这样的字符,可以考虑使用word-break:break-all或table-layout:fixed

<div style="width:100px;word-break:break-all;">
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</div>


7、文字应该放在div里面还是p里面还是span里面呢
内容较多的时候,分多行显示,一般会用div或者p,span一般用在行内

8、<div>与<span>有什么区别

SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN

例子:
<div>1</div><div>2</div>
<span>1</span><span>2</span>

从上面例子中可以看到span是不换行的


9、如何让页面中的表格不服从CSS中的table布局

可以为这个表格重新定义一个样式:background:none;

.asd{
background:none;
}

<table class="asd">
</table>
0 0
原创粉丝点击