Hi,
I have following code:
<html>
<head>
</head>
<body>
<div style="display:table;border-spacing:4px;border-collapse:separate;">
<div style="display:table-row;">
<div style="display:table-cell;background-color:green;width:200px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">Very Very Very Very Very long content
</div>
<div style="display:table-cell;background-color:yellow;width:200px;max-width:200px;">Some content
</div>
</div>
</div>
</body>
</html>
I am using Prince 11.1. The browser adds ellipsis as expected. But prince doesn't seem to recognise overflow:hidden;text-overflow:ellipsis; when display:table-cell. If I change display to block, overflow:hidden;text-overflow:ellipsis works as expected. Please help me in this issue to make overflow:hidden;text-overflow:ellipsis work with display:table-cell.
Please have a look at the attachment! test.pdf
Thank you!
I have following code:
<html>
<head>
</head>
<body>
<div style="display:table;border-spacing:4px;border-collapse:separate;">
<div style="display:table-row;">
<div style="display:table-cell;background-color:green;width:200px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">Very Very Very Very Very long content
</div>
<div style="display:table-cell;background-color:yellow;width:200px;max-width:200px;">Some content
</div>
</div>
</div>
</body>
</html>
I am using Prince 11.1. The browser adds ellipsis as expected. But prince doesn't seem to recognise overflow:hidden;text-overflow:ellipsis; when display:table-cell. If I change display to block, overflow:hidden;text-overflow:ellipsis works as expected. Please help me in this issue to make overflow:hidden;text-overflow:ellipsis work with display:table-cell.
Please have a look at the attachment! test.pdf
Thank you!