js List 内容拼接换行后，每行超出div...表示，应该如何处理

List a = ['111111111111111111111111111','22222222222','333333']

let aTitle = a.join('\n');

<div title={aTitle }>

        { a.map(item => (

                <div className="a-value">{item}</div>

         ))}

</div>

css 

.a-value{

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}