Printable View
Hi there, now i have a string that i echo into html.
I need to cut this string down if it exceeds the width of the table it resides in.
I have looked into cutting it down according to how many characters it has, however as im using Tahoma, there is a big difference between 'w' and 'i'.
Anyone have any ideas on how this can be done?
Because of the way a browser can handle fonts (the USER has the ultimate decision on how big your font will display and can always override your font settings), I don't suggest that you try to do this on a pixel-by-pixel scale. It can be rather messy, especially when you're using a font that doesn't have same-sized letters like Courier or other native system/command-line-like fonts. The most I can tell you is to check how many W's fit in your table (the W is the widest letter, so it will be the best for you), and make the maximum number that, and cut off anything longer and then append some periods. This would work for that:
Sorry, though, that might not be completely what you were looking for, but it's about the only easy way.PHP Code:<?php
$max = 6; //maximum number of characters
$str = "blahblahblahblah";
if(strlen($str) > $max)
$dispstr = substr($str, 0, $max - 1) . "..";
else
$dispstr = $str;
echo $dispstr;
?>
Alternatively, you could always go into an image editor and type out the entire alphabet in Tahoma, figure out each width in pixels and then store that value in an array, and then pick apart your string letter by letter to determine what the overall width is, and at what letter you can cut it off at. Like I said before, I don't suggest it, but you could always do it. It would be a lot slower, too.
Edit: oh, and if you ever changed your font-face, you would have to figure out the new widths for each letter all over. that would be fun.
Thanks, well your seond option of measure the font, dare i say it seems really appealing, thanks for bringing the fact that users can infact change their font size.
I will need to review this a little more :) thanks
aren't there any space " " in string ?
Note that that probably won't work in any current CSS implementation, so it's practically useless at this point in time.Code:td.limited { overflow: hidden; text-overflow-mode: ellipsis; }
That looks interesting, pen will that not work, with my current ttables?
I will; take a look later, not at my dev machine now...
No, it won't work on anything, and probably won't for a few years; but it's vaguely amusing to know about.
And if the user doesn't have a Tahoma font (I don't on the Linux system), he'll still see it wrong.Quote:
Originally Posted by kows