新闻网站排版问题-CSDN论坛

⋅新闻网站排版问题 ⋅请教大家一个devexpress gridview控件间隔行变色的问题 ⋅c#进行hls 的ts切片 更多帖子 关注空间博客 yanchangshan 本版专家分：336 结帖率 97.63%: 请教大家  我想做个新闻类的论坛
在首页中  我想展示一条条新闻

其中每条新闻可能有图片  也可能没有
图片可能就一张  也可能三张

我想根据图片有无以及多少  自动进行不同的排版
比如有三张图片的新闻直接标题一排放上面三张图片排一排放下面
如果是一张图片  就标题放左边  图片放右边在一排上

应该怎么做

0 2018-09-12 09:52:45

回复数 13 只看楼主引用举报楼主

二月十六 本版专家分：897 版主 榜眼 2017年总版技术专家分年内排行榜第二 探花 2018年总版新获得的技术专家分排名第三 金牌 2019年1月总版技术专家分月排行榜第一 2018年12月总版技术专家分月排行榜第一 2018年11月总版技术专家分月排行榜第一 2017年9月总版技术专家分月排行榜第一 2017年6月总版技术专家分月排行榜第一 2017年4月总版技术专家分月排行榜第一 2017年2月总版技术专家分月排行榜第一 银牌 2017年5月总版技术专家分月排行榜第二 2017年3月总版技术专家分月排行榜第二: 把两个样式都写好，然后根据图片多少做判断，根据不同的条件显示不同的样式

0 2018-09-12 10:04:39

只看TA 引用举报 #1 得分 0

⋅有关 word 内容改动和比较方法 ⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ 更多帖子 关注空间博客 以专业开发人员为伍 本版专家分：463957 进士 2018年总版新获得的技术专家分排名前十 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2018年12月总版技术专家分月排行榜第三 2018年11月总版技术专家分月排行榜第三 2017年2月总版技术专家分月排行榜第三 红花 2019年1月 .NET技术大版内专家分月排行榜第一 2018年12月 .NET技术大版内专家分月排行榜第一 2018年11月 .NET技术大版内专家分月排行榜第一 2018年10月 .NET技术大版内专家分月排行榜第一 2018年9月 .NET技术大版内专家分月排行榜第一 2018年7月 .NET技术大版内专家分月排行榜第一 2018年6月 .NET技术大版内专家分月排行榜第一 2018年1月 .NET技术大版内专家分月排行榜第一 2017年5月 .NET技术大版内专家分月排行榜第一 2017年4月 .NET技术大版内专家分月排行榜第一 2017年3月 .NET技术大版内专家分月排行榜第一 2017年2月 .NET技术大版内专家分月排行榜第一 2016年10月 .NET技术大版内专家分月排行榜第一 2016年8月 .NET技术大版内专家分月排行榜第一 2016年7月 .NET技术大版内专家分月排行榜第一 黄花 2018年8月 .NET技术大版内专家分月排行榜第二 2018年4月 .NET技术大版内专家分月排行榜第二 2018年3月 .NET技术大版内专家分月排行榜第二 2017年12月 .NET技术大版内专家分月排行榜第二 2017年9月 .NET技术大版内专家分月排行榜第二 2017年7月 .NET技术大版内专家分月排行榜第二 2017年6月 .NET技术大版内专家分月排行榜第二 2016年12月 .NET技术大版内专家分月排行榜第二 2016年9月 .NET技术大版内专家分月排行榜第二 2016年6月 .NET技术大版内专家分月排行榜第二 2016年3月 .NET技术大版内专家分月排行榜第二 2016年1月 .NET技术大版内专家分月排行榜第二 2015年12月 .NET技术大版内专家分月排行榜第二 2015年2月 .NET技术大版内专家分月排行榜第二 2015年1月 .NET技术大版内专家分月排行榜第二 2014年11月 .NET技术大版内专家分月排行榜第二 2014年5月 .NET技术大版内专家分月排行榜第二 2014年4月 .NET技术大版内专家分月排行榜第二 2012年2月多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二: asp.net 编程语言、框架、方式，现在特别混杂。服务器端的编程方式就又不下6、7种之多！还有基本 html/css/js 的，以及前端框架下的编程方式。

你应该先说明你会哪些 asp.net 编程技术，然后再来问你所想讨论时哪种类型的编程代码。

0 2018-09-12 10:13:51

只看TA 引用举报 #2 得分 0

⋅有关 word 内容改动和比较方法 ⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ 更多帖子 关注空间博客 以专业开发人员为伍 本版专家分：463957 进士 2018年总版新获得的技术专家分排名前十 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2018年12月总版技术专家分月排行榜第三 2018年11月总版技术专家分月排行榜第三 2017年2月总版技术专家分月排行榜第三 红花 2019年1月 .NET技术大版内专家分月排行榜第一 2018年12月 .NET技术大版内专家分月排行榜第一 2018年11月 .NET技术大版内专家分月排行榜第一 2018年10月 .NET技术大版内专家分月排行榜第一 2018年9月 .NET技术大版内专家分月排行榜第一 2018年7月 .NET技术大版内专家分月排行榜第一 2018年6月 .NET技术大版内专家分月排行榜第一 2018年1月 .NET技术大版内专家分月排行榜第一 2017年5月 .NET技术大版内专家分月排行榜第一 2017年4月 .NET技术大版内专家分月排行榜第一 2017年3月 .NET技术大版内专家分月排行榜第一 2017年2月 .NET技术大版内专家分月排行榜第一 2016年10月 .NET技术大版内专家分月排行榜第一 2016年8月 .NET技术大版内专家分月排行榜第一 2016年7月 .NET技术大版内专家分月排行榜第一 黄花 2018年8月 .NET技术大版内专家分月排行榜第二 2018年4月 .NET技术大版内专家分月排行榜第二 2018年3月 .NET技术大版内专家分月排行榜第二 2017年12月 .NET技术大版内专家分月排行榜第二 2017年9月 .NET技术大版内专家分月排行榜第二 2017年7月 .NET技术大版内专家分月排行榜第二 2017年6月 .NET技术大版内专家分月排行榜第二 2016年12月 .NET技术大版内专家分月排行榜第二 2016年9月 .NET技术大版内专家分月排行榜第二 2016年6月 .NET技术大版内专家分月排行榜第二 2016年3月 .NET技术大版内专家分月排行榜第二 2016年1月 .NET技术大版内专家分月排行榜第二 2015年12月 .NET技术大版内专家分月排行榜第二 2015年2月 .NET技术大版内专家分月排行榜第二 2015年1月 .NET技术大版内专家分月排行榜第二 2014年11月 .NET技术大版内专家分月排行榜第二 2014年5月 .NET技术大版内专家分月排行榜第二 2014年4月 .NET技术大版内专家分月排行榜第二 2012年2月多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二: asp.net 没有重点框架，或者说它的重点框架并不是站在时代前边5年的时髦技术（而是10年前的后端技术的不断翻版），这是 asp.net 的悲哀。

0 2018-09-12 10:15:22

只看TA 引用举报 #3 得分 0

⋅有关 word 内容改动和比较方法 ⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ 更多帖子 关注空间博客 以专业开发人员为伍 本版专家分：463957 进士 2018年总版新获得的技术专家分排名前十 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2018年12月总版技术专家分月排行榜第三 2018年11月总版技术专家分月排行榜第三 2017年2月总版技术专家分月排行榜第三 红花 2019年1月 .NET技术大版内专家分月排行榜第一 2018年12月 .NET技术大版内专家分月排行榜第一 2018年11月 .NET技术大版内专家分月排行榜第一 2018年10月 .NET技术大版内专家分月排行榜第一 2018年9月 .NET技术大版内专家分月排行榜第一 2018年7月 .NET技术大版内专家分月排行榜第一 2018年6月 .NET技术大版内专家分月排行榜第一 2018年1月 .NET技术大版内专家分月排行榜第一 2017年5月 .NET技术大版内专家分月排行榜第一 2017年4月 .NET技术大版内专家分月排行榜第一 2017年3月 .NET技术大版内专家分月排行榜第一 2017年2月 .NET技术大版内专家分月排行榜第一 2016年10月 .NET技术大版内专家分月排行榜第一 2016年8月 .NET技术大版内专家分月排行榜第一 2016年7月 .NET技术大版内专家分月排行榜第一 黄花 2018年8月 .NET技术大版内专家分月排行榜第二 2018年4月 .NET技术大版内专家分月排行榜第二 2018年3月 .NET技术大版内专家分月排行榜第二 2017年12月 .NET技术大版内专家分月排行榜第二 2017年9月 .NET技术大版内专家分月排行榜第二 2017年7月 .NET技术大版内专家分月排行榜第二 2017年6月 .NET技术大版内专家分月排行榜第二 2016年12月 .NET技术大版内专家分月排行榜第二 2016年9月 .NET技术大版内专家分月排行榜第二 2016年6月 .NET技术大版内专家分月排行榜第二 2016年3月 .NET技术大版内专家分月排行榜第二 2016年1月 .NET技术大版内专家分月排行榜第二 2015年12月 .NET技术大版内专家分月排行榜第二 2015年2月 .NET技术大版内专家分月排行榜第二 2015年1月 .NET技术大版内专家分月排行榜第二 2014年11月 .NET技术大版内专家分月排行榜第二 2014年5月 .NET技术大版内专家分月排行榜第二 2014年4月 .NET技术大版内专家分月排行榜第二 2012年2月多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二: 如果你所采用的编程工具好用，那么你可以根据不同的 case 条件，让代码执行不同的片段，产生不同的 html/DOM 片段。单纯使用 css 是不可能方便地布局的（只能到处贴 <div> 膏药）。

但是根据你采用的编程方式的不同，代码结果完全不同。如果你只要抄代码，那么前提是你要说明你能用好怎样的代码。

0 2018-09-12 10:21:47

只看TA 引用举报 #4 得分 0

yanchangshan 本版专家分：336: 我本来就想用最简单的 gridview之类的能够直接显示出来的

0 2018-09-12 10:52:48

只看TA 引用举报 #5 得分 0

⋅祝愿大家新年好运 ⋅建议技术论坛增加版本这个选项 ⋅如何用油猴屏蔽 document 的 click 事件？ 更多帖子 关注空间博客 吉普赛的歌 本版专家分：8471 版主 榜眼 2018年总版新获得的技术专家分排名第二 金牌 2018年10月总版技术专家分月排行榜第一 2018年9月总版技术专家分月排行榜第一 2018年8月总版技术专家分月排行榜第一 银牌 2018年12月总版技术专家分月排行榜第二 2018年11月总版技术专家分月排行榜第二 2018年7月总版技术专家分月排行榜第二 铜牌 2019年1月总版技术专家分月排行榜第三: 比如有三张图片的新闻直接标题一排放上面三张图片排一排放下面
如果是一张图片就标题放左边图片放右边在一排上

你画个草图出来吧

0 2018-09-12 13:39:49

只看TA 引用举报 #6 得分 0

⋅怎么打开jTessBoxEditor的图形界面，为什么没有exe文件？ ⋅关于AutoFac的疑惑 ⋅初学!!! 不调用点击事件是否可以限制文本框的为正整数??? 更多帖子 关注空间博客 Logerlink 本版专家分：685

可以根据class来区分，然后再根据class来设计样式，无图片，一张图片，三张图片，至于这个class的名称则需要你在渲染数据时，根据图片的数量来选择



<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

		<style>

			*{margin: 0;padding: 0;}

			img{height: 75px;width: auto;}

			.container{width: 1000px;margin: 0 auto;}

			.news .item{position: relative; border: 1px solid blue;}

			.oneImg img{position: absolute;left: 0;}

			.oneImg strong{display: inline-block;height: 75px;line-height: 75px; margin-left: 10%;}

			.moreImg strong{display: block;}

		</style>

	</head>

	<body>

		<div class="container">

			<div class="news">

				<div class="item">

					<strong>新闻的标题</strong>

				</div>	

				<div class="item oneImg">

					<strong>新闻的标题</strong>

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

				</div>

				<div class="item moreImg">

					<strong>新闻的标题</strong>

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

				</div>

				<div class="item moreImg">

					<strong>新闻的标题</strong>

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

				</div>

				<div class="item moreImg">

					<strong>新闻的标题</strong>

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

				</div>

				<div class="item">

					<strong>新闻的标题</strong>

				</div>	

				<div class="item oneImg">

					<strong>新闻的标题</strong>

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

				</div>

				<div class="item moreImg">

					<strong>新闻的标题</strong>

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

				</div>

			</div>

		</div>

	</body>

</html>

0 2018-09-13 11:08:40

只看TA 引用举报 #7 得分 0

⋅开工大吉，祝大家新年快乐~ ⋅【讨论】2019，你还在考虑年后跳槽？？？ ⋅家里狗子生娃了 更多帖子 关注空间博客 正怒月神 本版专家分：49283 版主 黄花 2017年11月 .NET技术大版内专家分月排行榜第二 2017年10月 .NET技术大版内专家分月排行榜第二 蓝花 2018年8月 .NET技术大版内专家分月排行榜第三 2018年6月 .NET技术大版内专家分月排行榜第三 2018年3月 .NET技术大版内专家分月排行榜第三 2017年12月 .NET技术大版内专家分月排行榜第三 2017年9月 .NET技术大版内专家分月排行榜第三: 你说的只是一个判断逻辑啊。
我看并不需要什么技术。
无论你是在前台排版，还是后台直接生成html。都能搞定。

0 2018-09-13 11:43:32

只看TA 引用举报 #8 得分 0

⋅新闻网站排版问题 ⋅请教大家一个devexpress gridview控件间隔行变色的问题 ⋅c#进行hls 的ts切片 更多帖子 关注空间博客 yanchangshan 本版专家分：336: 那后台怎么生成这个HTML呢列子现在很多比如手机打开任意一个浏览器没有访问任意一个网址一般现在的浏览器都自动带些新闻基本就这样排版的

0 2018-09-13 14:21:05

只看TA 引用举报 #9 得分 0

⋅有关 word 内容改动和比较方法 ⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ 更多帖子 关注空间博客 以专业开发人员为伍 本版专家分：463957 进士 2018年总版新获得的技术专家分排名前十 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2018年12月总版技术专家分月排行榜第三 2018年11月总版技术专家分月排行榜第三 2017年2月总版技术专家分月排行榜第三 红花 2019年1月 .NET技术大版内专家分月排行榜第一 2018年12月 .NET技术大版内专家分月排行榜第一 2018年11月 .NET技术大版内专家分月排行榜第一 2018年10月 .NET技术大版内专家分月排行榜第一 2018年9月 .NET技术大版内专家分月排行榜第一 2018年7月 .NET技术大版内专家分月排行榜第一 2018年6月 .NET技术大版内专家分月排行榜第一 2018年1月 .NET技术大版内专家分月排行榜第一 2017年5月 .NET技术大版内专家分月排行榜第一 2017年4月 .NET技术大版内专家分月排行榜第一 2017年3月 .NET技术大版内专家分月排行榜第一 2017年2月 .NET技术大版内专家分月排行榜第一 2016年10月 .NET技术大版内专家分月排行榜第一 2016年8月 .NET技术大版内专家分月排行榜第一 2016年7月 .NET技术大版内专家分月排行榜第一 黄花 2018年8月 .NET技术大版内专家分月排行榜第二 2018年4月 .NET技术大版内专家分月排行榜第二 2018年3月 .NET技术大版内专家分月排行榜第二 2017年12月 .NET技术大版内专家分月排行榜第二 2017年9月 .NET技术大版内专家分月排行榜第二 2017年7月 .NET技术大版内专家分月排行榜第二 2017年6月 .NET技术大版内专家分月排行榜第二 2016年12月 .NET技术大版内专家分月排行榜第二 2016年9月 .NET技术大版内专家分月排行榜第二 2016年6月 .NET技术大版内专家分月排行榜第二 2016年3月 .NET技术大版内专家分月排行榜第二 2016年1月 .NET技术大版内专家分月排行榜第二 2015年12月 .NET技术大版内专家分月排行榜第二 2015年2月 .NET技术大版内专家分月排行榜第二 2015年1月 .NET技术大版内专家分月排行榜第二 2014年11月 .NET技术大版内专家分月排行榜第二 2014年5月 .NET技术大版内专家分月排行榜第二 2014年4月 .NET技术大版内专家分月排行榜第二 2012年2月多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二: “后台怎么生成这个HTML”，那自然就是使用 asp.net 的语法方式，写 if 语句然后调用不同的绑定代码啦。不管你用哪一种 asp.net 服务器端编程教程，你看看教程上如何写 if 判断并且产生不同的输出布局的部分，不就行了嘛！别说是图片个数，就是根据数据类型不同而动态地绑定输出不同的局部内容（例如新闻和投票放在一起）那都是 asp.net 脚本编程知识。学点asp.net 教程，你应该把 csdn 当作启发你理解教程本身的工具，而不要不学 asp.net 教程就直接把 csdn 当作提供免费代码的。

另外，我其实建议你先不要学 asp.net，先专门学习前端（大应用，而不是简单网页）开发。

0 2018-09-17 08:50:49

只看TA 引用举报 #11 得分 0

⋅有关 word 内容改动和比较方法 ⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ 更多帖子 关注空间博客 以专业开发人员为伍 本版专家分：463957 进士 2018年总版新获得的技术专家分排名前十 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2018年12月总版技术专家分月排行榜第三 2018年11月总版技术专家分月排行榜第三 2017年2月总版技术专家分月排行榜第三 红花 2019年1月 .NET技术大版内专家分月排行榜第一 2018年12月 .NET技术大版内专家分月排行榜第一 2018年11月 .NET技术大版内专家分月排行榜第一 2018年10月 .NET技术大版内专家分月排行榜第一 2018年9月 .NET技术大版内专家分月排行榜第一 2018年7月 .NET技术大版内专家分月排行榜第一 2018年6月 .NET技术大版内专家分月排行榜第一 2018年1月 .NET技术大版内专家分月排行榜第一 2017年5月 .NET技术大版内专家分月排行榜第一 2017年4月 .NET技术大版内专家分月排行榜第一 2017年3月 .NET技术大版内专家分月排行榜第一 2017年2月 .NET技术大版内专家分月排行榜第一 2016年10月 .NET技术大版内专家分月排行榜第一 2016年8月 .NET技术大版内专家分月排行榜第一 2016年7月 .NET技术大版内专家分月排行榜第一 黄花 2018年8月 .NET技术大版内专家分月排行榜第二 2018年4月 .NET技术大版内专家分月排行榜第二 2018年3月 .NET技术大版内专家分月排行榜第二 2017年12月 .NET技术大版内专家分月排行榜第二 2017年9月 .NET技术大版内专家分月排行榜第二 2017年7月 .NET技术大版内专家分月排行榜第二 2017年6月 .NET技术大版内专家分月排行榜第二 2016年12月 .NET技术大版内专家分月排行榜第二 2016年9月 .NET技术大版内专家分月排行榜第二 2016年6月 .NET技术大版内专家分月排行榜第二 2016年3月 .NET技术大版内专家分月排行榜第二 2016年1月 .NET技术大版内专家分月排行榜第二 2015年12月 .NET技术大版内专家分月排行榜第二 2015年2月 .NET技术大版内专家分月排行榜第二 2015年1月 .NET技术大版内专家分月排行榜第二 2014年11月 .NET技术大版内专家分月排行榜第二 2014年5月 .NET技术大版内专家分月排行榜第二 2014年4月 .NET技术大版内专家分月排行榜第二 2012年2月多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二: 引用 8 楼 hanjun0612 的回复:
你说的只是一个判断逻辑啊。
我看并不需要什么技术。
无论你是在前台排版，还是后台直接生成html。都能搞定。

这是 csdn 的一个问题。许多人都是以为学生刚开始学编程，所以才上 csdn 问。

0 2018-09-17 09:00:03

只看TA 引用举报 #12 得分 0

⋅我最近不是太忙，拿了月榜第二和第三，看了看sp每个月的分我有点想哭 ⋅有没有什么办法动态为context增加特性或者利用反射对一定类型的类增加特性呢？ ⋅今天碰到个有趣的问题，要输出带点的json，求大牛解答一下 更多帖子 关注空间博客 胖叔叔写代码 本版专家分：15601 黄花 2018年12月 .NET技术大版内专家分月排行榜第二 蓝花 2018年7月 .NET技术大版内专家分月排行榜第三: 引用 9 楼 yanchangshan 的回复:
那后台怎么生成这个HTML呢列子现在很多比如手机打开任意一个浏览器没有访问任意一个网址一般现在的浏览器都自动带些新闻基本就这样排版的

这些就是一些页面啊，你如果跟踪一下程序或者网络有几率可以获取到这些页面的来源和渲染方式的。
后台怎么生成这是你自己要去做的代码啊，page上是可以直接addcontrols的，这里面你可以直接用htmlelement的，所以没什么你做不到的。

0 2018-09-17 09:24:49

只看TA 引用举报 #13 得分 0

Mr__Blank 本版专家分：0: 两种不同的排版方式，使用if判断就行了

0 2018-09-17 15:54:02

只看TA 引用举报 #14 得分 0

新闻网站排版问题 [问题点数：100分]