电子商务网站建设教学实施建设,高端企业网站制作,锦绣大地seo,河北邯郸效果图 HTML p classp1qwertyuiopasdfghjklzxcvbnm/pdiv classd1p 冯塘村过去经济较为落后。几年前#xff0c;镇里以400多年的冯塘古村为基础#xff0c;引来社会资金投资休闲农庄和共享民宿#xff0c;把这里建…效果图 HTML p classp1qwertyuiopasdfghjklzxcvbnm/pdiv classd1p 冯塘村过去经济较为落后。几年前镇里以400多年的冯塘古村为基础引来社会资金投资休闲农庄和共享民宿把这里建设成了一个集生态农业、创意农业、旅游观光、休闲体验、果蔬采摘、农产品生产加工等为一体的乡村生态旅游区。/p/divCSS .p1{width: 200px;text-overflow: ellipsis;white-space: normal;overflow: hidden;}.d1{width: 200px;border: 1px solid #FF0000;}.d1 p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}ps在p标签中使用全英文如
p classp1qwertyuiopasdfghjklzxcvbnm/p是不会自动换行的需要修改p标签的换行规制
p{word-wrap:break-word;
// 或者 word-break: break-all;
}释义 1.white-space设置如何处理元素间的空白默认为normal表示空白会被浏览器忽略white-space: nowrap;表示不换行。 2.word-break规定自动换行的处理方法。normal:使用浏览器默认换行规则break-all允许在单词内换行keep-all只能在半角空格或连字符处换行。 3.word-wrap允许长单词或URL地址换行到下一行。normal只在允许的断字点换行浏览器保持默认处理break-word在长单词或URL地址内部进行换行。 若两个属性同时存在以word-break: break-all;为准。
建议使用p标签测试时使用中文
