https://keijiban.umayadia.com/ThreadDetail.aspx?ThreadId=30510#CommentId84072
投稿者 るきお  (社会人) 投稿日時 2020/7/3 19:53:05
たとえば、このような感じかと思います。
この例ではCSSのdisplay:noneとメディアクエリーを組み合わせて画面ではListBox、印刷時はBulletedListを使うように表示を切り替えています。

WebForm1.aspx
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication1.WebForm1" %>



<!DOCTYPE html>



<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <style type="text/css">

        @media screen{

            .PrintOnly{

                display:none;

            }

            #ListBox1{

                width: 150px;

                height: 60px;

            }

        }

        @media print{

            .ScreenOnly{

                display:none;

            }

            #BulletedList1{

                list-style:none;

            }

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

        <div class="ScreenOnly">

            <asp:ListBox ID="ListBox1" runat="server"></asp:ListBox>

        </div>

        <div class="PrintOnly">

            <asp:BulletedList ID="BulletedList1" runat="server">

        </asp:BulletedList>

        </div>

        

    </form>

</body>

</html>



WebForm1.aspx.vb
Public Class WebForm1

    Inherits System.Web.UI.Page



    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load



        '画面用 

        ListBox1.Items.Add("祇園精舎の鐘の声諸行無常の響あり")

        ListBox1.Items.Add("娑羅双樹の花の色盛者必衰の理を顕す")

        ListBox1.Items.Add("奢れる人も久しからずただ春の夜の夢の如し")



        '印刷用 

        BulletedList1.Items.Add("祇園精舎の鐘の声諸行無常の響あり")

        BulletedList1.Items.Add("娑羅双樹の花の色盛者必衰の理を顕す")

        BulletedList1.Items.Add("奢れる人も久しからずただ春の夜の夢の如し")





    End Sub



End Class



説明を簡単にするためにコンパクトな作りにしていますが、実際にはCSSは外部に独立させたほうが再利用や保守性の面でよいです。
0