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

⋅新闻网站排版问题 ⋅请教大家一个devexpress gridview控件间隔行变色的问题 ⋅c#进行hls 的ts切片 更多帖子 关注空间博客 yanchangshan 本版专家分：336 结帖率 97.63%: 0 2018-09-12 09:52:45 回复次数13

引用・举报・楼主

请教大家  我想做个新闻类的论坛
在首页中  我想展示一条条新闻

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

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

应该怎么做

问题点数：100分

CSDN推荐

CSDN今日推荐

⋅建议增加勋章显示设置功能 ⋅博客勋章问题 ⋅建议博客增加自定义发布时间功能 更多帖子 关注空间博客 二月十六 本版专家分：842 版主 榜眼 2017年总版技术专家分年内排行榜第二 金牌 2017年9月总版技术专家分月排行榜第一 2017年6月总版技术专家分月排行榜第一 2017年4月总版技术专家分月排行榜第一 2017年2月总版技术专家分月排行榜第一 银牌 2017年5月总版技术专家分月排行榜第二 2017年3月总版技术专家分月排行榜第二 铜牌 2018年7月总版技术专家分月排行榜第三 2017年10月总版技术专家分月排行榜第三 2017年8月总版技术专家分月排行榜第三 2017年7月总版技术专家分月排行榜第三: 0 2018-09-12 10:04:39

引用・举报・ #1 得分：0

把两个样式都写好，然后根据图片多少做判断，根据不同的条件显示不同的样式

⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ ⋅关于多线程编程和PLINQ的实例 更多帖子 关注空间博客 以专业开发人员为伍 本版专家分：453358 进士 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2017年2月总版技术专家分月排行榜第三 红花 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 开发大版内专家分月排行榜第二: 0 2018-09-12 10:13:51

引用・举报・ #2 得分：0

asp.net 编程语言、框架、方式，现在特别混杂。服务器端的编程方式就又不下6、7种之多！还有基本 html/css/js 的，以及前端框架下的编程方式。

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

⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ ⋅关于多线程编程和PLINQ的实例 更多帖子 关注空间博客 以专业开发人员为伍 本版专家分：453358 进士 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2017年2月总版技术专家分月排行榜第三 红花 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 开发大版内专家分月排行榜第二: 0 2018-09-12 10:15:22

引用・举报・ #3 得分：0

asp.net 没有重点框架，或者说它的重点框架并不是站在时代前边5年的时髦技术（而是10年前的后端技术的不断翻版），这是 asp.net 的悲哀。

⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ ⋅关于多线程编程和PLINQ的实例 更多帖子 关注空间博客 以专业开发人员为伍 本版专家分：453358 进士 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2017年2月总版技术专家分月排行榜第三 红花 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 开发大版内专家分月排行榜第二: 0 2018-09-12 10:21:47

引用・举报・ #4 得分：0

如果你所采用的编程工具好用，那么你可以根据不同的 case 条件，让代码执行不同的片段，产生不同的 html/DOM 片段。单纯使用 css 是不可能方便地布局的（只能到处贴 <div> 膏药）。

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

⋅新闻网站排版问题 ⋅请教大家一个devexpress gridview控件间隔行变色的问题 ⋅c#进行hls 的ts切片 更多帖子 关注空间博客 yanchangshan 本版专家分：336: 0 2018-09-12 10:52:48

引用・举报・ #5 得分：0

我本来就想用最简单的 gridview之类的能够直接显示出来的

⋅网易博客要关闭了，发贴怀念下 ⋅.net core 网站部署在 docker 中为何无法浏览？ ⋅建议：回贴之后 15 分钟之内，贴子应该允许编辑 更多帖子 关注空间博客 吉普赛的歌 本版专家分：6754 版主 金牌 2018年8月总版技术专家分月排行榜第一 银牌 2018年7月总版技术专家分月排行榜第二 红花 2018年8月 MS-SQL Server大版内专家分月排行榜第一 2018年7月 MS-SQL Server大版内专家分月排行榜第一 2018年6月 MS-SQL Server大版内专家分月排行榜第一 2018年3月 MS-SQL Server大版内专家分月排行榜第一 2018年2月 MS-SQL Server大版内专家分月排行榜第一 黄花 2018年5月 MS-SQL Server大版内专家分月排行榜第二 2018年4月 MS-SQL Server大版内专家分月排行榜第二 2018年1月 MS-SQL Server大版内专家分月排行榜第二 2017年12月 MS-SQL Server大版内专家分月排行榜第二 2017年11月 MS-SQL Server大版内专家分月排行榜第二 2017年10月 MS-SQL Server大版内专家分月排行榜第二: 0 2018-09-12 13:39:49

引用・举报・ #6 得分：0

比如有三张图片的新闻直接标题一排放上面三张图片排一排放下面
如果是一张图片就标题放左边图片放右边在一排上

你画个草图出来吧

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

0 2018-09-13 11:08:40

引用・举报・ #7 得分：0

可以根据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>

⋅【严重】博客问题 ⋅都在用.net core了吗？ ⋅我好想错过了什么 更多帖子 关注空间博客 正怒月神 本版专家分：46925 版主 黄花 2017年11月 .NET技术大版内专家分月排行榜第二 2017年10月 .NET技术大版内专家分月排行榜第二 蓝花 2018年8月 .NET技术大版内专家分月排行榜第三 2018年6月 .NET技术大版内专家分月排行榜第三 2018年3月 .NET技术大版内专家分月排行榜第三 2017年12月 .NET技术大版内专家分月排行榜第三 2017年9月 .NET技术大版内专家分月排行榜第三: 0 2018-09-13 11:43:32

引用・举报・ #8 得分：0

你说的只是一个判断逻辑啊。
我看并不需要什么技术。
无论你是在前台排版，还是后台直接生成html。都能搞定。

⋅新闻网站排版问题 ⋅请教大家一个devexpress gridview控件间隔行变色的问题 ⋅c#进行hls 的ts切片 更多帖子 关注空间博客 yanchangshan 本版专家分：336: 0 2018-09-13 14:21:05

引用・举报・ #9 得分：0

那后台怎么生成这个HTML呢列子现在很多比如手机打开任意一个浏览器没有访问任意一个网址一般现在的浏览器都自动带些新闻基本就这样排版的

⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ ⋅关于多线程编程和PLINQ的实例 更多帖子 关注空间博客 以专业开发人员为伍 本版专家分：453358 进士 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2017年2月总版技术专家分月排行榜第三 红花 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 开发大版内专家分月排行榜第二: 0 2018-09-17 08:50:49

引用・举报・ #11 得分：0

“后台怎么生成这个HTML”，那自然就是使用 asp.net 的语法方式，写 if 语句然后调用不同的绑定代码啦。不管你用哪一种 asp.net 服务器端编程教程，你看看教程上如何写 if 判断并且产生不同的输出布局的部分，不就行了嘛！别说是图片个数，就是根据数据类型不同而动态地绑定输出不同的局部内容（例如新闻和投票放在一起）那都是 asp.net 脚本编程知识。学点asp.net 教程，你应该把 csdn 当作启发你理解教程本身的工具，而不要不学 asp.net 教程就直接把 csdn 当作提供免费代码的。

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

⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ ⋅关于多线程编程和PLINQ的实例 更多帖子 关注空间博客 以专业开发人员为伍 本版专家分：453358 进士 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2017年2月总版技术专家分月排行榜第三 红花 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 开发大版内专家分月排行榜第二: 0 2018-09-17 09:00:03

引用・举报・ #12 得分：0

引用 8 楼 hanjun0612 的回复:
你说的只是一个判断逻辑啊。
我看并不需要什么技术。
无论你是在前台排版，还是后台直接生成html。都能搞定。

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

⋅Windows 窗体中的高 DPI 支持 ⋅[分享]做一做，winfrom 窗体程序自动缩放 ⋅这个功能干什么用的我忘记了，发出来大家帮我想想吧 更多帖子 关注空间博客 xomix 本版专家分：13607 蓝花 2018年7月 .NET技术大版内专家分月排行榜第三: 0 2018-09-17 09:24:49

引用・举报・ #13 得分：0

引用 9 楼 yanchangshan 的回复:
那后台怎么生成这个HTML呢列子现在很多比如手机打开任意一个浏览器没有访问任意一个网址一般现在的浏览器都自动带些新闻基本就这样排版的

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

⋅此用户还没有发表过任何帖子 关注空间博客 Mr__Blank 本版专家分：0: 0 2018-09-17 15:54:02

引用・举报・ #14 得分：0

两种不同的排版方式，使用if判断就行了

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