ionic中两张图片并排的css样式怎么写

html-css026

ionic中两张图片并排的css样式怎么写,第1张

1.page.html文件里写ionic提供的控件，比如：ion-header,ion-content, ion-title,ion-toobar,经管如此，有时候满足不了项目的界面，我们需要结合HTML的基本命令来完成设计，比如：div，p， img，a，等。

2.scss使用经验：每个页面都有自己的scss文件，我在使用时，发现几个页面的css定义会影响，就是页面2可以用页面1的css定义造成干扰的现象，后来发现，每个scss文件里有个页面定义，我们只要把当前页面的css定义放在这个页面定义就行，实现了css分离。（）本人刚学习网页编程，一切都在探索中）。示例如下：

age-page3 {

.page {

display: flex

align-items: center

text-align: center

margin: 0 auto

height: 100%

ackground-color: #abaaaa

adding-top: 5px

adding-bottom: 5px

// margin-top: 2px

这个page属性就放在了page-page3的大括号里面，保证了这个css定义只影响当前页面。

右侧图片距离左侧图片100px的代码，如果你的100px指的是图片本身高宽相差100，那就直接改img里的高宽即可，src中为图片对应的路径和图片名称：

<table border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

    <td valign="top"><img src="images/a.jpg" width="80" height="200" /></td>

    <td valign="top"><div style="margin-left:100px"><img src="images/b.jpg" width="80" height="100" /></div></td>

  </tr>

</table>