首先，打开html编辑器，新建html文件，例如：index.html。
10余年的肃宁网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整肃宁建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联公司从事“肃宁网站设计”,“肃宁网站推广”以来，每个客户项目都认真落实执行。
可以用float：left让li在一行排列就可以。
css多行缩略放鼠标显示全部内容步骤如下。需要设置文本所在容器的宽度和高度，并设置overflow属性为hidden，用来隐藏超出容器大小的文本。接下来，使用text-overflow属性来设置文本超出容器后的省略样式。
解析：你所说的，控制显示文字字符数的话，那个不能用css样式控制的，只能控制的字符显示宽度，当超出部分你可以定义为背景色的，但是你要让他不从数据库里显示那是办不到的。另外测试一下看这个行么，不知道你怎么放。
overflow： hidden；white-space： nowrap；text-overflow：ellipsis；这几句css就可以，不要加上去的容器一定要写了宽度的 注意：这里实现的是“超出长度”，而不是“超出字数”，并且在一行里实现。
1、把文字部分单独再加个层 如：文字文字文字文字文字文字文字文字 更多 把宽高设定好。然后前面一个的span的css样式里加上一个overflow：hidden； 则超出部分隐藏。后面加上更多就行了。
2、如果用标题截取函数，则标题不是完整的，如果我们用CSS样式text- overflow：ellipsis，输出的标题是完整的，只是受容器大小的局限不显示出来罢了。text-overflow属性仅是注解，当文本溢出时是否显示省略标记。
3、另外，word-break： normal可以防止文字被部分截断，这个在内容为英文的情况下显得尤其重要。 要实现多行文本自动截断以省略号结尾的效果，通常的做法是使用JavaScript脚本。
4、接下来重点说一说多行文本溢出显示省略号，如下。
1、但是良辰今天想聊的是 CSS 垂直居中的方法，下面是萌萌的分割线。
2、margin 这种方式只能实现固定宽度的块级元素水平居中，如果该元素没有设置宽度或者不是块级元素，则不会生效。
3、对齐的方法就是把div的height属性值和line-height的属性值设为相等即可达到文本垂直居中效果，上面代码中两个属性值都设置为40px。
/* 不换行 */white-space：nowrap；/* 不换行 */overflow：hidden；/* 内容超出宽度时隐藏超出部分的内容 */text-overflow：ellipsis；/* 当对象内文本溢出时显示省略标记(...) ；需与overflow：hidden；一起使用。
如果用标题截取函数，则标题不是完整的，如果我们用CSS样式text- overflow：ellipsis，输出的标题是完整的，只是受容器大小的局限不显示出来罢了。text-overflow属性仅是注解，当文本溢出时是否显示省略标记。
点击工具面板中CSS模式下的“+”，打开新建CSS样式面板 选择“复合内容”，选择a：link，表示正常链接时的样式。点击确定，打开样式设置面板，选择Color：#333，或别的你要的着色，确定。