当前位置：首页 → 问答吧 → 请问一下两列的样式怎么写？

请问一下两列的样式怎么写？

时间：2010-09-09

来源：互联网

如图
其中蓝色箭头上的文字多少不是固定的，左边蓝色箭头和右边的间距是一定的。

这样的样式应当怎么写。。

起初，我想右边文字列用float:left; 可必须要有宽度，不然就会换行，而宽度不是固定的？
我实在找不到实现的方法了

作者: jiege8848 发布时间: 2010-09-09

<div style="float:left; white-space:nowrap; padding-right:20px; background:#f90;">右边空出来的区域显示箭头，背景位置设置top和right</div> <div style="float:left; background:#ccc; height:300px; color:#666;">中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国</div>
提示：您可以先修改部分代码再运行

作者: yyq0514 发布时间: 2010-09-09

用table行不行

作者: geminids 发布时间: 2010-09-09

2楼方法

<html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body><div><div style="float:left; white-space:nowrap; padding-right:20px; background:#f90;">右边空出来的区域显示箭头，背景位置设置top和right</div> <div style="float:left; background:#ccc; color:#666;">中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国</div></div> </body> </html>
提示：您可以先修改部分代码再运行

这样情况下可以。
而下面引用标准的就不行了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body><div><div style="float:left; white-space:nowrap; padding-right:20px; background:#f90;">右边空出来的区域显示箭头，背景位置设置top和right</div> <div style="float:left; background:#ccc; color:#666;">中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国</div></div> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 jiege8848 于 2010-9-9 17:57 编辑 ]

作者: jiege8848 发布时间: 2010-09-09

请问一下两列的样式怎么写？

热门阅读

热门下载