word-wrap

问题 Subject I have a text-box that hides overflowing text with ellipsis. Only one line is visible. I accomplished this using text-overflow and white-space: nowrap . The element has a fixed height value. When tapped/clicked the box should smoothly expand (it's height) to show the rest of the text. I accomplished this using CSS transitions and Javascript. A hidden "shadow" description container contains the same text without white-space and overflow handling. It has the full height. When toggeling

问题 I have legibly long text in a drop-down list on my asp.net page. it violates the UI boundary and goes beyond the allocated region of UI. Is there anyway I can wrap [not trim] it using CSS or javascript ? I must display the entire string, no matter how long it is. 回答1: Longer answer: yes. You can use not default element, but make your own with JavaScript and CSS. Your custom droplist element should contain few divs (or other HTML elements) as droplist items. When you'll set fixed width to

问题 XNA has Spritefont class, which has a MeasureString method, which can return the Width and Height of a string . I'm trying to understand how to create a method that will efficiently return a string with Environment.Newline inserted in the right places, so that if fits a certain Width and Height (Rectangle is used as a parameter for that). 回答1: I found following code: XNA - Basic Word Wrapping public string WrapText(SpriteFont spriteFont, string text, float maxLineWidth) { string[] words =

问题 So I have a submit button with a specified width and the containing text is pulled in from elsewhere, it's dynamic. The problem is that in ie7, the text does not overflow properly and wrap onto a second line, it just runs off into oblivion! Here is the html. <input type="submit" value="<?php echo $dynamic_data ?>" class="custom-submit"> And the css. .custom-submit { height: 76px; white-space: normal; width: 140px; } I have seen people suggest elsewhere to put line breaks into the button's

问题 I want to put a margin-left on only the text that is wrapped, i.e. text after the first line: This is text with no margin left this text has margin left Example click to see The input and the label are in 1 div and text is wrapped on the second line, which is what I want but is it possible to have like a margin left on only the text that is wrapped on the second line jsfiddle example of my problem 回答1: Yeah, sort of — I’d suggest combining padding-left and text-indent : HTML <div class="test"

问题 I want to put a margin-left on only the text that is wrapped, i.e. text after the first line: This is text with no margin left this text has margin left Example click to see The input and the label are in 1 div and text is wrapped on the second line, which is what I want but is it possible to have like a margin left on only the text that is wrapped on the second line jsfiddle example of my problem 回答1: Yeah, sort of — I’d suggest combining padding-left and text-indent : HTML <div class="test"

问题 I have a small css script that force <a> tag word-wrap in a div. It worked fine on FF, Chrome but didn't work on IE9. How can I fix it? .tab_title a{ word-wrap: break-word; } 回答1: For a similar issue, I used display: inline-block on the <a> tag, which seems to help. And word-break: break-all as I was concerned with long URLs not wrapping. So, this in your case essentially... .tab_title a { display: inline-block; word-break: break-all; } 回答2: This might do the trick: http://www.last-child.com

问题 I have a small css script that force <a> tag word-wrap in a div. It worked fine on FF, Chrome but didn't work on IE9. How can I fix it? .tab_title a{ word-wrap: break-word; } 回答1: For a similar issue, I used display: inline-block on the <a> tag, which seems to help. And word-break: break-all as I was concerned with long URLs not wrapping. So, this in your case essentially... .tab_title a { display: inline-block; word-break: break-all; } 回答2: This might do the trick: http://www.last-child.com

问题 I'm implementing James Bennett's excellent django-contact-form but have hit a snag. My contact page not only contains the form, but also additional flat page information. Without rewriting the existing view the contact form uses, I'd like to be able to wrap, or chain, the views. This way I could inject some additional information via the context so that both the form and the flat page data could be rendered within the same template. I've heard it mentioned that this is possible, but I can't

问题 Not sure if the title is well chosen... I am trying to simulate text-selection in HTML/JS/CSS to get rid of the action bubble on mobile device when truly selecting texts. To be more specific, I'm trying to avoid this: The visual: The way I built it and it may change because it doesn't matter, is that the text selected is wrapped inside a span.selection and inside that tag, there are also two caret used as handlers: Lorem ipsum dolor <!-- Unselected Text --> <span class="selection"> <!-- Start