If I recall correctly, `word-wrap: break-word;` is indeed supported in Internet Explorer 8, but the styled element must [have layout][1].


  [1]: http://www.satzansatz.de/cssd/onhavinglayout.html

I found that to apply `word-wrap` to a `td` (table cell) I needed to style the `table` element with `table-layout: fixed`. (IE8 standards mode.)

Try this 
**word-break: break-all;** , for IE8 and IE9 it is working :)


You can use

    -ms-word-break: break-all;



After looking at this example code from Microsoft:&lt;br&gt;
[https://msdn.microsoft.com/en-us/library/ms531186%28VS.85%29.aspx][1]

I managed to fix my issues with IE-8 with the following addition to the 
document and header:

    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Strict//EN&quot;&gt;

    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=EmulateIE7&quot; /&gt;

...and then use this (official) CSS directive:

    word-wrap: break-word;

  [1]: https://msdn.microsoft.com/en-us/library/ms531186%28VS.85%29.aspx

### First off, I am *not* looking for a way to force the compiler to inline the implementation of every function.

To reduce the level of misguided answers make sure you understand what the `inline` keyword actually means.  Here is good description, [inline vs static vs extern][1].

So my question, why not mark every function definition `inline`?  ie  Ideally, the only compilation unit would be `main.cpp`.  Or possibly a few more for the functions that cannot be defined in a header file (pimpl idiom, etc).

The theory behind this odd request is it would give the optimizer maximum information to work with.  It could inline function implementations of course, but it could also do &quot;cross-module&quot; optimization as there is only one module.  Are there other advantages?

Has any one tried this in with a real application?  Did the performance increase? decrease?!?

What are the disadvantages of marking all function definitions `inline`?

* Compilation might be slower and will consume much more memory.
* Iterative builds are broken, the entire application will need to be rebuilt after every change.
* Link times might be astronomical

All of these disadvantage only effect the developer.  What are the runtime disadvantages?


  [1]: https://stackoverflow.com/questions/1759300/c-when-should-i-write-the-keyword-inline-for-a-function-method/1759575#1759575

Why not mark everything inline?

I try to understand the Android synchronization logic. What I don&#39;t understand is the file `syncadapter.xml` contained in the Android SDK sample project `SampleSyncAdapter`. If you downloaded the SDK samples it should be in the following folder:

    SDK/android-sdk-PLATFORM/samples/android-VERSION/SampleSyncAdapter/res/xml/syncadapter.xml

I read, the authority of a content provider should be a string or a reference to a resource. What exactly is the content authority and where is `com.android.contacts`? Here is the content of the file (w/o license information and comments, API level 16).

    &lt;sync-adapter xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
        android:contentAuthority=&quot;com.android.contacts&quot;
        android:accountType=&quot;com.example.android.samplesync&quot;
        android:supportsUploading=&quot;false&quot;
        android:userVisible=&quot;true&quot;
    /&gt;

How do I use the Android SyncAdapter?

Can anyone please tell me why `word-wrap: break-word` will not work in IE8?

I have this working in other browsers but IE8 refuses to listen despite reading this post on their site?

http://msdn.microsoft.com/en-us/library/ms531186(VS.85).aspx

Thanks



word-wrap:break-word not working in IE8

Can anyone please tell me why <code>word-wrap: break-word</code> will not work in IE8?
I have this working in other browsers but IE8 refuses to listen despite reading this post on their site?
<a href="http://msdn.microsoft.com/en-us/library/ms531186(VS.85).aspx" target="_blank" rel="noopener noreferrer">http://msdn.microsoft.com/en-us/library/ms531186(VS.85).aspx</a>
Thanks


I know to vertically align text to the middle of a block, you set the line-height to the same height of the block.

However, if I have a sentence with a word in the middle, that is `2em`. If the entire sentence has a line-height the same as the containing block, then the larger text is vertically aligned but the smaller text is on the same baseline as the larger text.

How can I set it so both sizes of text are vertically aligned, so the larger text will be on a baseline lower than the smaller text?

  

How to vertically align 2 different sizes of text?

I&#39;d like to display snippets of programming language code, and also HTML code, inside an HTML document using CSS. I want it to be indented and in fixed-width font... I&#39;m thinking of something like:

    &lt;blockquote style=&quot;some_style&quot;&gt;
    my code here
    my code here also
    &lt;/blockquote&gt;

and have it appear in a nicely formatted way (bonus if it&#39;s color coded, but doesn&#39;t have to be.

How can I accomplish this using CSS?

How can I style code listings using CSS?

I am trying to simply center text horizontally and vertically using DIV and display type as table-cell but it is not working in either IE8 or Firefox.

Below is the CSS that I am using and that is all that is in the html page.

    @charset &quot;utf-8&quot;;
    /* CSS Document */
    html, body
    {
    	background-color:#FFFFFF;
    	font-family:Arial, Helvetica, sans-serif;
    	margin: 0;
    	padding: 0;
    	padding-top: 5px;
    }
    div.Main
    {
    	background-color:#FFFFFF;
    	border-collapse:collapse;
    	width:800px;
    	margin-left:auto;
    	margin-right:auto;
    }
    div.MainHeader
    {
    	color:#C00000;
    	font-size:18pt;
    	font-weight:bold;
    	text-align:center;
    	width:800px;
    }
    div.BlackBox
    {
    	background-color:#000000;
    	color:#FFFF00;
    	display:table-cell;
    	float:left;
    	font-size:18pt;
    	font-weight:bold;
    	height:191px;
    	text-align:center;
    	vertical-align:middle;
    	width:630px;
    }
    div.BlackBoxPicture
    {
    	background-color:#000000;
    	float:right;
    	height:191px;
    	margin-top:auto;
    	margin-bottom:auto;
    	text-align:right;
    	vertical-align:bottom;
    	width:170px;
    }

What am I doing wrong?

Div table-cell vertical align not working

I&#39;m writing a jQuery plugin and something I need to be able to do is determine the width of an element that the user specifies. The problem is that .width() or .css(&#39;width&#39;) will always report exact pixels, even if the developer has assigned it e.g. width:90% with CSS. 

Is there any way to have jQuery output the width of an element in px or % depending on what the developer has given it with CSS?

Is it possible to use jQuery to get the width of an element in percent or pixels, based on what the developer specified with CSS?

Is it possible to add noise to a gradient in CSS?

Here is my code for a radial gradient:

    body {
        color: #575757;
        font: 14px/21px Arial, Helvetica, sans-serif;
        background-color: #2f3b4b;
        background: -moz-radial-gradient(center 45deg, circle closest-corner, #2f3b4b 0%, #3e4f63 100%);
        background: -webkit-gradient(radial, center center, 10, center center, 900, from(#2f3b4b), to(#3e4f63));
    }

What would I add to that to have noise on top of it, to give it texture?


Can you add noise to a CSS3 gradient?

Currently I&#39;m writing a JavaScript file and have the following line:

    var res = &quot;JSON=&quot; + JSON.stringify(result);

result is being set just above this line. The issue I&#39;m having is that IE8 (IE8 only, that is) is reporting to me that JSON is undefined somehow. I&#39;m not sure what to make of this since, as I understood it, IE8 is a browser that implemented JSON support. Does anyone have any idea what might be going on?

JSON object undefined in Internet Explorer 8

I am eager to start using Html5 in particular the `&lt;header&gt;/&lt;footer&gt;/&lt;article&gt;/&lt;nav&gt;` tags.

What happens if the browser doesn&#39;t support these?

Also I need to style these so: For Example: The `nav` has borders and margins etc. You know standard CSS stuff.

So if I style them using the `nav` tag then IE7 &amp; IE8 etc are going to ignore this?


header/footer/nav tags - what happens to these in IE7, IE8 and browsers than don&#39;t support HTML5?

I am coding a Frontend which works well in IE7 Standards Mode and IE8 Standards Mode.

When I start up Internet Explorer and load the page both IE7 and IE8 go to Quirks Mode directly. How can I force both IE7 and IE8 to always load the page in Standards Mode?

I have no special meta tags added so far.

Thanks for helping me out

Edit: My doctype and head looks as follows at the moment:

    &lt;!DOCTYPE html&gt; 
    &lt;html lang=&quot;de&quot;&gt; 
    &lt;head&gt; 
    	&lt;title&gt;...&lt;/title&gt; 
    	&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot; /&gt;
    	&lt;meta charset=&quot;utf-8&quot; /&gt;
    	&lt;script src=&quot;js/html5.js&quot;&gt;&lt;/script&gt; 
    
    	(...)
    &lt;/head&gt;

How do I force Internet Explorer to render in Standards Mode and NOT in Quirks?

I want to set Opacity of div&#39;s background without affecting contained element in IE 8. have a any solution and don&#39;t answer to set 1 X 1 .png image and set opacity of that image because I am using dynamic opacity and color admin can change that

I used that but not working in IE 8

    #alpha {
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }


   and

    rgba(0,0,0,0.3)

also.

Opacity of div&#39;s background without affecting contained element in IE 8?

Does IE8 not support the following CSS media query:

    @import url(&quot;desktop.css&quot;) screen and (min-width: 768px);

If not, what is the alternate way of writing?
The same works fine in Firefox.

Any issues with the code below?

    @import url(&quot;desktop.css&quot;) screen; 
    @import url(&quot;ipad.css&quot;) only screen and (device-width:768px);



IE8 support for CSS Media Query

As part of internationalizing an Android application I have come across the need to dynamically word wrap or hyphenate at the right position.

All my strings are externalized in strings.xml files but I have not found any documentation about hyphenation in Android.

I would like to be able to suggest hyphenation positions similar to how I can do it in LaTeX:

http://en.wikipedia.org/wiki/Hyphenation_algorithm

But I have not found any indication if this is possible. Is there anything in the framework I have missed? What are other people doing e.g. with Japanese strings that have no obvious position to break up a sentence? Do you just add spaces at the correct positions?

I could dynamically size the font to fit into certain layouts but for longer messages that go across multiple lines that won&#39;t work. What to do?

Hyphenation in Android

I feel silly for not being able to figure this out, but how do I turn off wordwrap? the css `word-wrap` property can be forced on with `break-word`, but cannot be forced *off* (only can be left alone with `normal` value).

How do I force word wrap *off*?


How to turn off word wrapping in HTML?

What must be done to get a WPF DataGrid with cells that wrap text instead of truncating it?

Right now when a text is bigger and don&#39;t fit in a column the text is truncated and users can&#39;t see it value cos the DataGrid&#39;s IsReadOnly property is true. What I want is that the text in cells be wrapped and the cell height (NO CELL WIDTH) increased the amount needed to show all the text.


How get a WPF Datagrid with cells that wrap text instead of truncating it?

Does any one know how to wrap text in TextView in Android platform. i.e if the text in textview exceed the screen length it should be displayed in the second line.

I have searched and tried the following:

    android:scrollHorizontally=&quot;false&quot;,
    android:inputType=&quot;textMultiLine&quot;,
    android:singleLine=&quot;false&quot;

But none work..

Can anyone suggest how can I do it.





How to wrap text in textview in Android

I would like to display a `&lt;text&gt;` in SVG what would auto-line-wrap to the container `&lt;rect&gt;` the same way as HTML text fills `&lt;div&gt;` elements. Is there a way to do it? I don&#39;t want to position lines separately by using `&lt;tspan&gt;`s.

Content Type	Original Author	Original Content on Stackoverflow
Question	Sixfoot Studio	View Question on Stackoverflow
Solution 1 - Css	Frédéric Hamidi	View Answer on Stackoverflow
Solution 2 - Css	Marc Stober	View Answer on Stackoverflow
Solution 3 - Css	Satish Sharma	View Answer on Stackoverflow
Solution 4 - Css	Abhishek Mehta	View Answer on Stackoverflow
Solution 5 - Css	Magnus	View Answer on Stackoverflow

word-wrap:break-word not working in IE8

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Solution 3 - Css

Solution 4 - Css

Solution 5 - Css

How do I use the Android SyncAdapter?

Why not mark everything inline?

Attributions