DIV 排版例子

最新推荐文章于 2018-07-27 11:44:48 发布

maomaoyu2099163

最新推荐文章于 2018-07-27 11:44:48 发布

阅读量147

点赞数

CC 4.0 BY-SA版权

分类专栏： Web-Jsp 文章标签： IE Opera HTML

本文链接：https://blog.youkuaiyun.com/maomaoyu2099163/article/details/83530482

Web-Jsp 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一个用于展示专家答疑分类及其问题总数的样式布局方案。通过使用特定的CSS样式和HTML结构，实现了不同分类的显示，并且每个分类都包含了可点击的链接以查看详细的问题列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<style type="text/css">
 #expertAnswer
 		{
			width:60%;
			background:#fff;
			margin:auto;
			text-align:left;
		}
		.inner {
			width:100px;
			height:100px;
			margin:5px; 
			border:0px solid #eee;
		}
		* html .inner {display:inline}/* for ie*/
		html>body #outer {display:table}/*for mozilla */
		html>body .inner {display:table;float:left}/*for mozilla */
		@media all and (min-width: 0px){/* opera 7 styles */
			html>body .inner {display:inline-block;float:none;}
		}
</style>


 <td width="49%" valign="top">
                      <!-- 专家答疑 分类 以及 问题总数 start -->

                      <table width="100%" border="0" cellpadding="5" cellspacing="10" >
                        <tr>
                          <td>
                          <div id="expertAnswer" style="width:100%">

                          <ww:iterator value="#session['EXPERT_ANSWER_SORT']">
                          	<div class="inner" style="height:35px;width:150px;background-color:#EAFCFD">
                          	<a href="<%=path %>/WebPage/expert/queryYesAnswerQuestion.action?sortId=<ww:property value="sortId" />&currTab=<ww:property value="currTab" />" class="newstitle2">
                          		<span class="text_title03"> · </span>
									<ww:property value="sortName" />
								</a>
                          		<span class="text_jieshao">
                          			(<ww:property value="sortCount" />)
                          		</span>
                          	</div>
                          </ww:iterator>

                          </div>
                          </td>

DIV 排版 例子

DIV 排版例子