bootstrap 内的文本警报溢出
Text inside bootstrap alert overflows
我的 bootstrap 警报有问题。我使用 jquery.
注入警报
我的问题是，当我动态输入很长的文本时，文本会溢出警告框。
这是相关代码：
$(document).find('#alertmsg').text('Uploaded the following files: 7.PNG,8.PNG,9.PNG,10.PNG,11.PNG,12.PNG,bitBuck.png,bitbucket.png,Capture.PNG,Capture2.PNG,Chrysanthemum.jpg,database.jpg,Desert.jpg,digital.png,digitalOcean.png,Hydrangeas.jpg,instructions.jsp,Jellyfish.jpg,jssmall.png,Koala.jpg,Lighthouse.jpg,mysql.png,Penguins.jpg,Tulips.jpg,1.PNG,3.PNG,5.PNG,6.PNG,');
我还创建了一个jsfiddel：http://jsfiddle.net/4wv0su4d/
有趣的是，如果您将文本替换为不同的文本，问题就解决了。
只需添加一些 spaces 即可解决此问题，因此在创建上传文件列表的位置，将逗号 , 替换为逗号-space , bootstrap 将能够以您想要的方式显示您的警报。
jsFiddle: http://jsfiddle.net/4wv0su4d/1/
$(document).find('#alertmsg').text('Uploaded the following files: 7.PNG, 8.PNG, 9.PNG, 10.PNG, 11.PNG, 12.PNG, bitBuck.png, bitbucket.png, Capture.PNG, Capture2.PNG, Chrysanthemum.jpg, database.jpg, Desert.jpg, digital.png, digitalOcean.png, Hydrangeas.jpg, instructions.jsp, Jellyfish.jpg, jssmall.png, Koala.jpg, Lighthouse.jpg, mysql.png, Penguins.jpg, Tulips.jpg, 1.PNG, 3.PNG, 5.PNG, 6.PNG,');
我的 bootstrap 警报有问题。我使用 jquery.
注入警报
我的问题是，当我动态输入很长的文本时，文本会溢出警告框。
这是相关代码：
$(document).find('#alertmsg').text('Uploaded the following files: 7.PNG,8.PNG,9.PNG,10.PNG,11.PNG,12.PNG,bitBuck.png,bitbucket.png,Capture.PNG,Capture2.PNG,Chrysanthemum.jpg,database.jpg,Desert.jpg,digital.png,digitalOcean.png,Hydrangeas.jpg,instructions.jsp,Jellyfish.jpg,jssmall.png,Koala.jpg,Lighthouse.jpg,mysql.png,Penguins.jpg,Tulips.jpg,1.PNG,3.PNG,5.PNG,6.PNG,');
我还创建了一个jsfiddel：http://jsfiddle.net/4wv0su4d/
有趣的是，如果您将文本替换为不同的文本，问题就解决了。
只需添加一些 spaces 即可解决此问题，因此在创建上传文件列表的位置，将逗号 , 替换为逗号-space , bootstrap 将能够以您想要的方式显示您的警报。
jsFiddle: http://jsfiddle.net/4wv0su4d/1/
$(document).find('#alertmsg').text('Uploaded the following files: 7.PNG, 8.PNG, 9.PNG, 10.PNG, 11.PNG, 12.PNG, bitBuck.png, bitbucket.png, Capture.PNG, Capture2.PNG, Chrysanthemum.jpg, database.jpg, Desert.jpg, digital.png, digitalOcean.png, Hydrangeas.jpg, instructions.jsp, Jellyfish.jpg, jssmall.png, Koala.jpg, Lighthouse.jpg, mysql.png, Penguins.jpg, Tulips.jpg, 1.PNG, 3.PNG, 5.PNG, 6.PNG,');