Solve the problem that SyntaxHighlighter Code does not wrap, syntaxhighlighter

Source: Internet
Author: User

Solve the problem that SyntaxHighlighter Code does not wrap, syntaxhighlighter

Friends who use SyntaxHighlighter syntax to highlight plug-ins may have encountered the problem of code display without line breaks. This problem cannot be found on the Internet and has been bothering me for a long time, today we have solved it. The solution is actually simple. Let's talk about how to solve it. Frontend Resource Sharing

Open the shcoredefault.css file, find the definition of. syntaxhighlighter textarea, and add word-break: break-all! Important; it's OK, which means to force line feed display of the Code.


The line feed problem in the webpage code, but does not want to change it all the time

You have two questions :,
Layer 1 layer1is only pxs wide, and logo1.gif is also so wide, you add a picture behind it, the width is not enough, of course, it is squeezed down. It is like a row where no one can stand for two people, and the other can only stand behind
2.html labels, such as img, div, and table, are not in the same row by default. If you want to walk in the same row, you have to change.
Let me change it:
<Div id = "Layer1" style = "position: absolute; width: 400px; height: 75px; z-index: 1; left: 78px; top: 0px;">
<A href = "index. php">


</A>
</Div>

Does html not wrap code?

CSS is generally used to define a line break.
For example
<Div class = "f"> I don't wrap, I don't wrap line feed </div>
<Style>
. F
{
White-space: nowrap;
}
</Style>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.