如何实现如图样子的CSS?

实在是不懂CSS,求教。

如何将几个元素水平布局在同一行上?且水平垂直居中

[img]http://dl2.iteye.com/upload/attachment/0096/9193/a86a8ea9-d2e8-3126-a1ca-a3bee44f2378.png[/img]

基本html如下:

[code="xml"]

Quantity

[/code]

gundumw100
gundumw100 事实上,html+css是一种奇臭的技术。特别是在布局上,html不够强大,css又太乱,布局和样式混为一谈,不够明朗。还不如android xml布局+style样式
5 年多之前 回复

6个回答

gundumw100
gundumw100 CSS实在让人蛋疼,特别是布局元素的时候,总是让我摸不着头脑,要是有android的线性布局,网格布局啊什么的就好了。
5 年多之前 回复

可以用ul 里面放置li
设置li里面的line-height: 25px;

leehuat
leehuat 你可以参考这个 直接拖拽样式http://www.bootcss.com/p/layoutit/
5 年多之前 回复
gundumw100
gundumw100 如何将几个元素水平布局在同一行上?
5 年多之前 回复

直接table表格不就行了。。

gundumw100
gundumw100 不是没想过使用table,但是这么一个简单的布局引入一个table不划算。 我是要在手机上跑的。 关键在于怎么使用CSS上下功夫。CSS布局总是使人很蛋疼。
5 年多之前 回复

Quantity

div里面加入table,并且给img设置style=‘vertical-align:middle’

gundumw100
gundumw100 不是没想过使用table,但是这么一个简单的布局引入一个table不划算。 关键在于怎么使用CSS上下功夫。CSS布局总是使人很蛋疼。
5 年多之前 回复

Dreamweaver 搞这些CSS 还是用这个 不然蛋疼菊紧天天有 :lol:

可以直接用表格的哇。。。。很多排版问题都是可以用表格解决的哦

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!