HTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnose
元素名称 | 属性 | 属性可选值 | 属性默认值 |
button | type | button | ? |
reset | ? | ||
submit | ? |
可以观察如下代码及其最终效果:
因此,在表单中如果要使用
-
文字排版
- word-spacing 只对英文有效,可参考以下代码及其最终效果:
-
this paragraph has a spacing of 10 pixels between words
-
汉语段落单词间距有效吗
溢出控制 overflow
经过验证发现:
-
无论是 html5 还是 xhtml中, 无意义的英文文本不会因为碰到父元素的边界就自动换行,而是会随着内容增加朝右侧无限延伸;
-
无论是 html5 还是 xhtml, 中文均会自动换行。
-
图像遇到 父元素边界会自动换行。
验证代码见下:
XTHML 版本:
-
-
-
-
-
xthml 验证溢出效果 -
-
-
div{
-
border:1px black solid;
-
margin:100px;
-
height:140px;
-
overflow:visible;
-
}
-
.meaningful {
-
width:500px;
-
background:red;
-
}
-
.nonsense{
-
width:400px;
-
background:green;
-
}
-
-
-
-
-
-
-
english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.
-
-
-
abcaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabcabcabcabcaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabcabcabcabcabcabcabcabcabcabcabcabcabc
-
-
-
-
-
-
中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。
-
中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!
-
-
-
-
-
HTML 5 版本:
-
-
-
-
-
h5 验证溢出效果 -
-
div{
-
border:1px blue solid;
-
height:140px;
-
margin:50px;
-
overflow:visible;
-
}
-
.eng{
-
width:400px;
-
background:grey;
-
}
-
.cn{
-
width:500px;
-
background:red;
-
}
-
-
-
-
-
-
in-div and outside-paragraph texts.in-div and outside-paragraph texts.in-div and outside-paragraph texts.in-div and outside-paragraph texts.in-div and outside-paragraph texts.in-div and outside-paragraph texts.in-div and outside-paragraph texts.in-div and outside-paragraph texts.
-
asdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfd
-
-
-
div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。
-
div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。
去微软推哦怕是的法国红酒看来;自行车人的消息传出气氛佳伟峰皮卡史蒂夫去年危机的身份暖水瓶打开佛卡上的就非要你还不公布
-
-
-
-
-
推荐阅读
-
外部引用CSS中 link与@import的区别_html/css_WEB-ITnose
-
html中的水平居中和垂直居中的问题。(固定高度与高度不定)_html/css_WEB-ITnose
-
初学HTML/CSS:图片如何在DIV中的垂直居中,文字与DIV中的间距如何消除_html/css_WEB-ITnose
-
初学HTML/CSS:图片如何在DIV中的垂直居中,文字与DIV中的间距如何消除_html/css_WEB-ITnose
-
atitit.html编辑器的设计要点与框架选型 attilax总结_html/css_WEB-ITnose
-
html中的水平居中和垂直居中的问题。(固定高度与高度不定)_html/css_WEB-ITnose
-
文档流 css中的float clear与布局_html/css_WEB-ITnose
-
博客系统的架构思考(中)--静态与CQRS_html/css_WEB-ITnose
-
HTML中em与b等的区别_html/css_WEB-ITnose
-
web前端开发的浏览器兼容性(持续更新)_html/css_WEB-ITnose