Community Learn Tools Library Leisure

English

Home > Web Front-end > HTML Tutorial > Display ellipses when page content overflows or exceeds bounds_html/css_WEB-ITnose

Display ellipses when page content overflows or exceeds bounds_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:54:05

Original

917 people have browsed it

is implemented using CSS. When the content exceeds the boundary, it will be displayed in the form of ellipses (...). The following is explained through the code:

    <!DOCTYPE html>     <html>    <head>    <title>内容超出边界用省略号显示Demo1</title>    <style type="text/css">    html,body{        padding: 0px;margin: 0px;     }     table{        margin: 0px;        padding: 0px;        width: 30%;        border-collapse: collapse;        table-layout: fixed; //不添加此样式，会全部显示    }     table td{        border: 1px solid #eef2e9;

Copy after login

Read full>> Click me;

Related labels：

当页面内容溢出或超出边界时显示省略号

source：php.cn

Previous article：Eliminate the gap between the upper and lower edges of the input box and the container in ie6 7_html/css_WEB-ITnose Next article：Regarding basic issues about css style sheets, noobs ask for advice_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn