html中隐藏溢出怎么写,如何隐藏在HTML中溢出文字的单词？

我正在使用codeigniter创建网站。在我看来，页面我有用户轮廓图显示用户输入的数据，但问题是当段落太长，会显示如下

如何隐藏在HTML中溢出文字的单词？

你可以看到，有一个详细信息按钮无法找到，因为该段的，所以我需要让这样

现在更加清晰好看我怎么能这样做呢？我尝试使用文本溢出，但它只是在horizo​​ntal.need快速的工作有所帮助。

有鉴于此页面中的PHP代码..

">

- <?php echo $package_data['PackageTitle']; ?> -

"<?php echo $package_data['Description']; ?>"

"<?php echo $profile_info['PersonalDescription']; ?>"

"<?php echo $profile_info['PersonalDescription']; ?>"

之后HTML页面呈现，这是查看页面源代码看起来像

- Nepal By Drive -

"Nepal is first mentioned in the late

Vedic text, Atharvaveda Parisista as a place exporting blankets, and in

the post-Vedic Atharva Siras Upanisad.[22] In Samudragupta's Allahabad

inscription it is mentioned as a bordering country. The 'Skanda Purana'

has a separate chapter known as 'Nepal Mahatmya', which "explains in

more details about the beauty and power of Nepal." Nepal is also

mentioned in Hindu texts such as the Narayana Puja.[2"

+0

你可以显示你的CSS？ –

+1

可能重复的[如何用省略号替换第一个溢出元素“...”](http://stackoverflow.com/questions/15729527/how-to-replace-first-overflown-element-with-ellipsis) –

+0

https ：//www.dropbox.com/s/croq6oc0s84ebn3/styles.css –