jsf-2 - p:fileupload 如何设置文件名宽度？

Question

现在我正在使用 primefaces 文件上传。我将宽度设置为文件上传。但选择长文件名时，文件名是溢出。像

这个怎么解决？？？我的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/