Hi, everybody ~ After a short day, we met again ~
In yesterday'sArticle, What is the difference between [quicky] block and inline? I have left you a question: Is the Li element block level or Inline? Now let's reveal the answer --
Dangdang ~ CongratulationsDuron800Students ~ Correct ~ Sahua ~~
Indeed,The Li element is neither block level nor inline, because the body element cannot contain Li. Li can only be contained by ol, UL, Dir, and menu elements. The last two elements are no longer recommended. The first two elements are commonly used. For display, the default display attribute of a li element is generally list-item (block on older IE ), it is usually displayed as two block boxes (one is the content of Li and the other is the mark before Li, such as a small dot or Arabic number ).
In the same way, a tag such as DT and DD cannot be contained by the body, so it will be in a state where neither of them is present. This is really poor.
Also, let's talk about the story about word-break: Break-all found today. Please read it firstCode--
doctype HTML Public "-// W3C // dtd xhtml 1.0 strict // en " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " > HTML xmlns =" http://www.w3.org/1999/xhtml " >
head >
meta HTTP-equiv =" Content-Type " content =" text/html; charset = UTF-8 " />
title > word-break: Break-all Demo title >
style type =" text/CSS " media =" screen " >
P { Border: 1px solid #000;
Width: 100px;
Margin: 20px;
Padding: 20px;
Font-size: 14px;
Word-break: Break-all;
}
style >
</Head>
<Body>
<! -- First of all, this demonstration should be viewed in IE6 or IE7. Yo = V = -->
<! -- Normal word-break -->
P > margin P >
<! -- Some Punctuation Marks become invalid = V = -->
P > ??????????????????????????????? ???????????????????????????????????????? ?????????????????????????? P >
</Body>
</Html>
Run this demo now (remember to use IE = V =)
See it,IE does not correctly present break-all between two consecutive punctuation points.
Actually, I amStrong oppositionUse break-all, because as a style attribute, a word is physically truncated from it, obviously, it will affect the meaning of the word-that is, data-which should not be operated by the style sheet, thus violating the original intention of the style sheet to separate data and performance. But is it a project in China ...... Excessive demand is not an individual phenomenon.
Therefore, in many cases, you have to use Word-break: Break-all. However, today, tester's JJ is making a huge profit, and we can see the previous figure.
I didn't research this attribute in the past, so I specifically asked dflying Gg if it was an IE bug. Result 1 actually said that this is not a bug, but a feature, all of them, I am totally Ft = V =
According to the explanation of 1, this is because the punctuation marks must be processed separately, but I have rummaged over it.OverheadSpecification, it seems that only the punctuation of CJK (that is, CJK) text is found to be specially processed, not in other languages. For this, we can only shrugged, at least Ie can not fully support this css3 attribute is already very good.
Here, I would like to write such a sentence, so you will have at least a reference for similar problems in the future.
Finally, I would like to find a good syntax highlighting plug-in for Windows Live writer. Now I am using code snippet, but the style it generates is not exactly the same as my current blog. Do you have any plug-ins that can customize the style of code blocks? Alternatively, you can customize the code style generated by this plug-in. Bow first
So, we will see you next time ~
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
