css笔记--inline-block以及空白字符处理_html/css_WEB-ITnose
程序员文章站
2022-04-19 16:43:45
...
html
无标题 2223333333333333333333333333333333333333333333333333333333333333333333333333333333333222222222222222222222222222222222123456
css
/**空白字符*/body{ margin:0; padding:0;}/*行内元素*/.right , .left{ margin:0; padding:0; display: inline-block; width:50%; height: 100px; word-break:break-all; word-wrap:break-word; white-space:normal; line-height:0; font-size:15px; vertical-align:text-top; }.left{ background-color: #428bca;}.left span ,.right span{ line-height:1.28;}.right{ background-color:#F00;}.container{ width:100%; /*white-space: nowrap;*/ font-size:0;}/*.left span{ white-space:pre-line;}*//*浮动元素*/.main{ width:100%; margin:100px 0; padding:0; height:100px;}.myLft,.myRgt{ float:left; width:50%; height:100px;}.myLft{ background-color:#428bca;}.myRgt{ background-color:#f00;}.main:before,.main:after{ display:table; height:0; content:''; clear:both;}
效果图
推荐阅读
-
postdata中碰到&字符怎么处理_html/css_WEB-ITnose
-
postdata中碰到&字符怎么处理_html/css_WEB-ITnose
-
HTML学习笔记实例-创建一个注册页面select两个option出来结果却是四个选项,其中两个空白选项的原因?_html/css_WEB-ITnose
-
css笔记--inline-block以及空白字符处理_html/css_WEB-ITnose
-
HTML学习笔记实例-创建一个注册页面select两个option出来结果却是四个选项,其中两个空白选项的原因?_html/css_WEB-ITnose
-
后台构建 html 字符串传到前台字符串转码(html)处理_html/css_WEB-ITnose
-
后台构建 html 字符串传到前台字符串转码(html)处理_html/css_WEB-ITnose
-
5种方法去掉HTML中Inline-Block元素之间的空白_html/css_WEB-ITnose
-
如何让IE8中的空白字符自动换行?_html/css_WEB-ITnose
-
如何让IE8中的空白字符自动换行?_html/css_WEB-ITnose