ZKX's LAB

css dl dt dd左图右文 图文列表 关于CSS图文混排列表的问题

2020-09-30知识13

HTML里的 dl dt dd dd里的文字怎么浮到图片的右边中间怎么浮上去 我看了一下你的代码,你想要的效果跟你的代码对不上的。你可以这么分解:一个图片+文字说明是一行这一行里分2列 一列是图片 一列是文字 全部靠左流动。文字说明又分为2行。如图:代码如下:12345678910111213141516171819202122232425262728293031323334353637383940414243<;html>;<;head>;<;title>;div<;/title>;<;style type=\"text/css\">;.line{ height: 80px;clear:both;background-color:#ccc;padding:5px;}.leftimg{ width:70px;height:70px;float:left;background-color:#ddd;}.righttxt{ float:left;}.righttxt dd{ height:30px;margin:0 5px 5px 5px;background-color:#ddd;}<;/style>;<;/head>;<;body>;<;div id=\"con\">;<;div class=\"line\">;<;div class=\"leftimg\">;图片<;/div>;<;div class=\"righttxt\">;右边边第一行<;/dd>;<;dd>;右边第二行<;/dd>;<;/div>;<;/div>;<;/div>;<;/body>;<;/html>;从设计图到网页的实现,主要是思考怎么分块。只要弄清楚了怎么分块,就跟搭积木一样,组合起来就是了。希望我的答案能帮到你。

关于CSS图文混排列表的问题 遇到这zhidao样图文混合的,我是这样来实现的!回代码:img src=\"nr_1.gif\"/>;sdddsdsdddsdsdddsdsdddsdsdddsdsdddsd样式:dl,dt,dd,ul,li{margin:0;padding:0;list-style:none;}list dl dt{float:left;}list dl dd{float:left;}细节上的我就不怎么详细说答了!根据你的需要在进行调整!

#html代码

随机阅读

qrcode
访问手机版