直接上代码

html

<div class="vcard_data_txt clearfloat address"><span class="vcard_data_title vcard_data_value_mr">地址</span><span class="vcard_data_value vcard_data_value_mr">宁波市</span>
</div>

css

.vcard_data_title {
width: 70px;
display: block;
float: left;
}
.vcard_data_value {
padding-left: 80px;
word-break: break-all;
display: block;
}

  

转载于:https://www.cnblogs.com/bobogoodgoodstudy/p/4113377.html

html 关于一行两列 高度不定的实现(不用table)相关推荐

  1. 两列高度自适应(转)

    相信很多人都非常喜欢用div+css布局,无论你是前端开发者,还是后台程序员,因为它的好处实在太多,可以用很少的代码来控制布局,然后用CSS表现其形态,表现和样式分离.而且在SEO方面,它还能提供30 ...

  2. wps excel 中将一行多列数据转换为一行两列的格式 的方法函数

    在使用wps excel 整理表格时,我的表格一行有多列内容,我想把这些数据转换为一行两列的格式,在百度上查了很多方法,都很不好用,最后在论坛中看到的方法,借鉴了一下,各位可以参考. 非常重要的一点: ...

  3. CSS两列高度自适应,右边自适应

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  4. css让子元素展示成一行,封面模板循环子栏目一行两列DIV+CSS成功实现

    大致思路是:主体部分(总宽度980)分左右浮动(.vmain_l和 .vmain_r), 右侧宽250,左侧自然是980-250=730了.右侧不管它了,可以添加版块内容. 左侧宽730分配,上边的& ...

  5. SQL 两行两列显示一行四列或一行两列

    前言 两行两列显示一行四列 id A B 1 aaa bbb 1 ccc ddd ==>转化为 id A B A B 1 aaa bbb ccc ddd SQL 一对多转为一对一 解决 方法一 ...

  6. android 菜单一行两列,Android RadioGroup 横向显示(两行两列)

    做的android平板项目中,需要做一个调查问卷的界面,所以需要使用radiogroup的单选按钮,在listview的一个item上添加四个radiobutton,具体的demo是参考这位博主的,链 ...

  7. DIV+CSS一行两列布局

    实现效果: main 我是包在外面的div col1 我是第一列 col2 我是第二列 clear-float;我用来清除浮动(清除float) 以下是说明: CSS代码: .main{width:8 ...

  8. 任意列+左右两列等高布局,并要求有最小高度

    高度相等列在Web页面设计中永远是一个网页设计师的需求.如果所有列都有相同的背景色,高度相等还是不相等都无关紧要,因为你只要在这些列的父元素中设置一个背景色就可以了.但是,如果一个或多个列需要单独设置 ...

  9. pandas去除两列中同一行有相同元素的数据——数据分析必备技能(5)

    废话不多说,直接跟小编进入今天的正文. 假设现在有一数据集,如下: import pandas as pdname = ['bob', 'mike','lisa','jay','alen','book ...

最新文章

  1. Calendar类点点滴滴积累
  2. sql 汉字转首字母拼音
  3. Openlayers中将某个feature置于最上层
  4. java webservice ip_通过Web Service实现IP地址查询功能的示例
  5. 用Kubernetes搭建便携式开发环境之MongoDB
  6. python如何保存图像_Python应用引擎:如何保存图像?
  7. 设置为自动获得IP地址,如何查看当前的IP地址
  8. 百度AI语音语义一体化技术 识别的同时进行语义分析
  9. SpringBoot 笔记
  10. Atitit xml xpath以及mybatis xml mapper脱机解析 目录 1.1. parseStt(String id, Element root) 1 1.2. parseStt
  11. 硬盘安装工具cgi_PE系统(U盘安装)
  12. STM8L051F3_03_CLK应用
  13. 修改某张表的结构_在T-SQL语言中,若要修改某张表的结构,应该使用的修改关键字是Alter。...
  14. Battle接口测试训练系统的1分钟快速说明
  15. Relative Ranks问题的两种实现
  16. 26两种主界面的设计
  17. 宝塔 nginx配置 wss
  18. 2021-02-03-linux命令
  19. Windows系统提示“telnet不是内部或外部命令,也不是可运行的程序或批处理文件”怎么办
  20. 在线计算机能力测试答案,计算机基础知识在线测试答案-20210514014539.doc-原创力文档...

热门文章

  1. java解三角函数方程_Java 中的三角函数
  2. php 超大整数计算,PHP int 超大溢出整数的 加减运算函数,如果有更好的方法欢迎探讨...
  3. freeradius 测试mysql_在linux下安装配置mysql+freeradius
  4. java 数组以逗号分隔_在java中使用逗号分隔符拆分字符串数组
  5. @RestControllerAdvice与@ControllerAdvice的区别
  6. Npm安装node-sass包依赖时报错 Cannot download “https://github.com/sass/node-sass/releases/download
  7. wget命令详解_嵌入式学习之 Wget 命令详解
  8. 【数据分析】Python-NumPy模块的使用
  9. tomcat启动时SecureRandom耗时
  10. linux英文包安装教程视频,Linux源码包安装过程讲解