Javascript 如何在<;a>;标签文字包装

Javascript 如何在<;a>;标签文字包装,javascript,html,css,Javascript,Html,Css,我想使标记中的文本适合固定的div,但它会破坏div并显示丑陋 有一个CSS3属性:wordwrap:break-word 查看查看以获取更多信息。我找到了一个解决方案,通过设置锚定标记的显示:列表项,使word wrap:break word对IE中的锚定标记有效。 pre{ 空白:预包装;/*css-3*/ 空白:-moz预包装;/*Mozilla,自1999年起*/ 空白:-预包装;/*Opera 4-6*/ 空白:-o形预包装;/*Opera 7*/ 换行:断开word;/*Intern

我想使
标记中的文本适合固定的div,但它会破坏div并显示丑陋


有一个CSS3属性:
wordwrap:break-word


查看查看以获取更多信息。

我找到了一个解决方案,通过设置锚定标记的
显示:列表项
,使
word wrap:break word对IE中的锚定标记有效。

pre{
空白:预包装;/*css-3*/
空白:-moz预包装;/*Mozilla,自1999年起*/
空白:-预包装;/*Opera 4-6*/
空白:-o形预包装;/*Opera 7*/
换行:断开word;/*Internet Explorer 5.5+*/
宽度:30px;
}

您可以通过下面的css将文本包装在标签中

a{
            white-space: pre-wrap;
            word-wrap: break-word;
            word-break: break-all;
            white-space: normal;
            display:block;

 }

我使用display:block-in获得了解决方案


在IE中它对我很有效

是否可以制作锚定标签?我做了很多尝试,但没有在IEyou中应用换行符:break单词有多余的“空白”,这意味着只应用了第二个“空白:正常”
a{
            white-space: pre-wrap;
            word-wrap: break-word;
            word-break: break-all;
            white-space: normal;
            display:block;

 }