H5如何实现图文一行分布且图片在左侧而文字在右侧 |
您所在的位置:网站首页 › 怎么在手机表格中添加图片和文字 › H5如何实现图文一行分布且图片在左侧而文字在右侧 |
这几天总有人问我关于Web前端设计的作业怎么做呀,有什么代码可以实现啊。 我看了下作业内容,说是难点在于让图文在同一行且图片在左侧而文字在右侧且进行布局。 这一段是通过表格的跨行(跨列)操作实现 表格单元横跨两行:; 这个属性的属性值不能为0(所有浏览器都不支持) 以下就是上面的代码实现的样子: 我们可以知道开始标签和结束标签之中有 td使一个表格分成三个表格单元,tr使表格分成两行,其中一个图片占据两行,另两个个占据一行。 不要问我为啥表格会因为三个td定义表格单元代码分成左边一个大的右边两小部分 因为这里是表格,定义表格单元代码时都是默认向左右增加删减表格单元,代码中已经定义第一个表格单元跨行2个,第二个在第一行,第三个被定义为第二行,但因为第一个表格单元定义跨行两行,所以放在右边。 如下图才是正常三个单元表格现象,如果第一个单元格占据两行且定义在第一行时候,则第3单元格会移到右边。
好了,以上就是解决方案,供给我同学解答。 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |