p：fileupload如何设置文件名宽度？

Question

现在我正在使用primefaces fileupload。我将宽度设置为fileupload。但是在选择长文件名时，文件名会溢出。喜欢

如何解决这个问题？我的css是

.ui-panelgrid tr,.ui-panelgrid td {
    border: none;
}

.ui-fileupload .cancel {
    display: none;
}

.ui-fileupload .progress {
    display: none;
}

.ui-widget-content {
    background: none;
    border: 1px solid #A8A8A8;
    color: #4F4F4F;
}

.ui-widget-header {
    background: none;
    border: none;
    color: #333333;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    width: 450px;
}

.fileupload-content {
    padding: 0.2em 0.4em;
}

.fileupload-with {
    width: 600px;
}

Answer 1

你只需要修复你的CSS，一般都会在SO上多次询问。由于你使用的是PF fileUpload，你可以使用类似的东西。

 .files td.name {
    word-break:break-all;
 }

更多信息：

http://css-tricks.com/almanac/properties/w/word-break/