联系我们 - 广告服务
您的当前位置:主页 > 布局 > 基本知识 >

行内元素

来源:未知 编辑:admin 时间:2018-01-17
导读: 从5月20日开始,中俄海军联合演习将在东海展开,俄罗斯太平洋舰队出动多艘主力战舰,参演规模空前。从国际政治角度看,面对西方进逼,中国和俄罗斯有进一步加强团结协作的需要。但从战术角度看,俄罗斯太平洋舰队也有急需外部支援的迫切需求。 自前苏联解体
  除了块级元素,最常见的就是行内元素了,通过设置display属性为inline可以将一个元素设置为行内元素,小程序中<text/>就是一个行内组件。行内元素没有块级元素那么简单直接,块级元素只是生成框,通常不允许其他内容与这些框并存,行内元素特点总结如下:·和其他非块级元素都在一行上。·盒子模型中高度、宽度、上下margin、上下padding设置均无效,只能设置左右margin和左右padding。·宽度就是文字或图片的宽度,不可改变。·行内元素宽度、高度都不能直接设置。·行内元素只能容纳文本或其他行内元素,在行内元素中放置块级元素会引起不必要的混乱。如图示例 大家可以对比本例中块级元素和行内元素的区别,我们设置了行内元素的margin,布局时上下margin都被忽略了。本例中我们将上下padding设置为0,大家可以尝试设置为其他值,这时会发现上下padding会生效,但是不会影响布局,本例中行内元素换行是因为上面的块级元素强制占位一行。
                                                                                          哈尔滨小程序 
  本例的代码如下:
<!-- 块级元素 --> <view style="border:solid 1px #999; color : #999;">我是块级元素我是块级元素我是块级元素我是块级元素我是块级元素</view> <!-- 通过修改display属性的行内元素 --> 前面的文字<view style="border:solid 1px; margin:10px; padding : 0 10px; display: inline;">我是块级元素我是块级元素我是块级元素我是块级元素我是块级元素</view>后面的文字
                                                                                                                                                                                                                                                                                         关键词:哈尔滨小程序
责任编辑:admin

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

上一篇:没有了
下一篇:块级元素

网友评论:

在“\templets\demo\comments.htm”原来的内容全部删除,插入第三方评论代码,如果不需要评论功能,删除comments.html里面的内容即可
推荐使用友言、多说、畅言(需备案后使用)等社会化评论插件

Copyright © Tricks资讯网 版权所有
本站所有资讯来源于网络 如有侵权请联系QQ:940910888 技术支持鹏博科技
Top