jquery - resize font to fit in a div (on one line) -


Similar questions have been asked, but do the solutions with what I am trying to do. Actually, I have an article with a title ( & lt; h1 & gt; ). I do not want to control the length of the title, but I also do not want the title to appear on multiple lines . & lt; Div & gt; Is there a way with CSS or jQuery to change the size of the text depending on the width of the tag?

I know what I will do with the pseudocode if I & lt; Div & gt; : 

  var fontize = $ ("# title"). Overlap the text on the edge of CSS ("font-size"). ; Var i = / * Delete unit * from the integer / while (/ * text overlap div * /) {$ ("# title") CSS ("font-size", - "+" pt ");}

If there is a CSS attribute, then I can determine that it will also be good, but I do not

"post-text" itemprop = "text">

css no, javascript yes

There is no way you can use this CSS, but you can do this in javascript / jquery to help with your pseudo code. Because you already know what to do, it is just that you do not know how to know the extra width.

The best way to be DIV with the following (at least) style: 

  Status: full; visibility: hidden; white spot: abrop; font-family: / * like your title * /

then your text By copying and setting some initial font size, you can set the loop of your time. You can do it again and stop when the width of the divis is appropriate. Then set the calculated font size to your original title.

In this way this probe will be hidden from the user's eyes and hence it will work faster.

BTW : This is a general way of how the auto is moving textarea script works with the same style settings as the original text field. And use the text to adjust the height of the user type. The text field can be very few in the first place but if the user types in several lessons then it will automatically grow to adjust the content.

While loop optimization

you can optimize to reduce your time

  • Find the width of test DIV.
  • Calculate the width factor between the orig_div and
  • instead of increasing / decreasing by one unit
  • test_div width

    • -

    Comments

    Post a Comment

    Popular posts from this blog

    Eclipse CDT variable colors in editor -

    I hope this is a good question to ask here. This programming is related, so I thought it would be better than the superuser, so I am using the CDT C ++ Eclipse plugin. I know how the editor changes colors for some things But is there a way to do that all the variables are different colors? For example in KDEValue, it sets the local variables and square variables in different colors and bold square squares. Can I copy it to CDT? Eclips provides some level of color customization for text editor syntax You can see it on the following: There are many elements, including the Window> Preferences> C / C ++> Editor> Syntax color code that can be changed, assembly, Comments, Preprocessor and Doxian Under the code, it is possible to change the color of some variable types, such as global variables, local variable announcements, local variable references, and parameter variables. But I do not think the code is capable of changing the color of each variable declared....
    Read more

    AJAX doesn't send POST query -

    $ (दस्तावेज़) .ready (function () {function ajaxselectrss (rssurlvar) {var ajaxRequest; // वेरिएबल जो अजाक्स को संभव बनाता है! कोशिश करें कि {// ओपेरा 8.0+, फ़ायरफ़ॉक्स, सफारी अजाक्स अनुरोध} = नया एक्सएमएलएचटीपीआरइवेस्ट ();} कैच (ई) {// इंटरनेट एक्सप्लोरर ब्राउज़र्स {ajaxRequest = new ActiveXObject ("Msxml2.XMLHTTP");} पकड़ो (ई) {try {ajaxRequest = new ActiveXObject ("Microsoft.XMLHTTP");} कैच (ई) {// कुछ गलत चेतावनी ("आपका ब्राउज़र तोड़ दिया!"); वापसी झूठी;}}} // एक बनाएं फ़ंक्शन जो सर्वर से भेजे गए डेटा प्राप्त करेंगे ajaxRequest.onreadystatechange = function () {if (ajaxRequest.readyState == 4) {var ajaxDisplay = document.getElementById ('news'); ajaxDisplay.innerHTML = ajaxRequest.responseText;}} / / Var rssurlvar = $ (this) .attr ("title"); var queryString = "rurl =" + rssurlvar; var urltofile = "rssget.php"; ajaxRequest.open ("पोस्ट", urltofile, सच); ajaxRequ Est.setRequestHeader ("सामग्री-प्र...
    Read more

    wpf - Custom Message Box Advice -

    Well, I'm using a custom window box that comes with some custom control boxes that accompany the text The producers who are displayed are called. I have a defined event, which has been subscribed through the original class, it gets burnt when clicking on the button. However, I can not see how to use it effectively, I would like to return one yes, whether yes or not, but obviously my code will continue to execute, so this Below is some example code to clarify the problem that the method has subscibed by clicking on the button. Message box window Public partial class custom message box: window {public representative message messagebox object sender, event events e); Public event messagebox handler messagebox document; Public Customs Box () {Initial group (); } Public Customsbox (String Message) {InitializeComponent (); This.txtdescription.Text = Message; } Public Customsbox (String Message, String Title, String First BTNtext) {Initialization (); This.lbltitle.Content =...
    Read more