                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

我这样设置文字，文字才可以和数字图片对齐，有没有别的方式呢感觉这样有点在凑的感觉

看截图。。。。

qq_放纵你江湖_0

2015-12-16

源自：企业网站综合布局实战 3-14

关注问题我要回答

1082

操作

收起

3 回答

echo_kinchao
2015-12-17

因为块级元素是要独自霸占一行的

0 回复有任何疑惑可以回复我~

收起回答

迷途的马尔斯
2015-12-16

图片和内容的对齐可以考虑用多栏布局：

div{
    column-count:   #; //栏数        IE
    -moz-column-count:  #;  //Firefox
    -webkit-column-count: #;   //Chrome,Safari
    //~~~
}

0 回复有任何疑惑可以回复我~

收起回答

李晓健
2015-12-16

你把 p 改成span 然后把你的那些为了对齐的负值去掉

0 回复有任何疑惑可以回复我~

收起回答

qq_放纵你江湖_0 提问者

确实可以了，但是不懂这里的思想啊

2015-12-16 回复有任何疑惑可以回复我~

李晓健回复 qq_放纵你江湖_0 提问者

p是块级元素默认是要占满一行的，因为你前面已经被图片占了一点，剩下的宽度就不够一行了，p就显示不了，就换到第二行，所以你看到的就是对不齐的了。span 是行内标签，内容有多少他就占多少的空间。

2015-12-16 回复有任何疑惑可以回复我~

李晓健回复 qq_放纵你江湖_0 提问者

没有其他问题，就把这个问题关闭掉吧

2015-12-17 回复有任何疑惑可以回复我~

0/150

提交

取消

企业网站综合布局实战

参与学习 157042 人
解答问题 1984 个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

进入课程

本课相似问答

2 回答文字与图片没有实现居中对齐

1 回答为什么我的文字是这样呢在图片下面

3 回答图片与文字底部对齐

1 回答设置图片的垂直对齐后为什么是文字发生对齐变化？？？？

2 回答为什么浮动后的图片和文字没有重叠？？

搜索更多本课相关问答

我这样设置文字，文字才可以和数字图片对齐，有没有别的方式呢感觉这样有点在凑的感觉

我要回答关注问题

热搜

最近搜索清空

我这样设置文字，文字才可以和数字图片对齐，有没有别的方式呢感觉这样有点在凑的感觉

3 回答

本课相似问答

我这样设置文字，文字才可以和数字图片对齐，有没有别的方式呢感觉这样有点在凑的感觉