2013-01-07 38 views
1

現在我正在使用primefaces fileupload。我將寬度設置爲fileupload。但是,當選擇長文件名時,文件名會溢出。像 enter image description herep: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; 
} 
+0

有一個在'P上的屬性附加傷害:fileUpload'這是'allowTypes'這是一個_regular表情的,表示你要什麼樣的文件允許的,但我會建議你繼續前進,雖然我從來沒有使用文件名限制文件,只有擴展名。 –

回答

2

你只需要修復你的CSS,一般在SO上已經問過很多次了。由於你使用的是PF fileUpload,所以你可以使用類似這樣的東西。

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

更多信息:

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

+0

感謝您的回答...我使用.files td.name { word-break:break-all; width:300px; } – swemon