ellipsis-test.html 702 Bytes
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ellipsis test</title>
</head>
<body>
    <div style="width: 40%; background-color: cyan;">
        <div style="float: left; background-color: yellow; width: calc(100%-60px);">
            <div style="background: red; float: left; text-overflow: ellipsis; width: 70%; min-width: 50px; overflow: hidden; white-space: nowrap;">Hosszú név, Hosszú név, Hosszú név, Hosszú név</div>
            <div style="float: left; background-color: blue;">Részletek</div>
        </div>
        <div style="float: right; background-color: green;">jobb szél</div>
        <div style="clear: both;"></div>
    </div>
</body>
</html>